美文网首页
二、js函数

二、js函数

作者: mjwz5294 | 来源:发表于2018-02-23 17:38 被阅读0次

    1、由于JavaScript的函数也是一个对象,我们叫它函数对象,而函数名可以视为指向该函数的变量。因此函数定义有两种方式:

    (1)function abs(x) {

        if (x >= 0) {

            return x;

        } else {

            return -x;

        }

    }

    (2)var abs = function (x) {

        if (x >= 0) {

            return x;

        } else {

            return -x;

        }

    };

    2、关键字arguments:它只在函数内部起作用,指向调用者传入的所有参数。

    3、关键字rest:它只在函数内部起作用,指向调用者传入的其它参数。如:

    function foo(a, b, ...rest) {

        console.log('a = ' + a);

        console.log('b = ' + b);

        console.log(rest);

    }

    foo(1, 2, 3, 4, 5);

    // 结果:

    // a = 1

    // b = 2

    // Array [ 3, 4, 5 ]

    4、变量作用域:

    (1)函数内用let定义的变量,其作用域就在函数内

    (2)全局变量:js的全局变量都是绑定到window对象的,在其它地方就可以直接调用。

    (3)如果不同文件定义的全局变量使用了相同的名称,则会有命名冲突且很难发现。解决这个问题的办法就是,创建一个全局对象,然后把相关变量集中到该对象中,只要这个对象没有命名冲突就行了。

    5、解构赋值:可以同时对一组变量进行赋值,比如要交换两个变量的值,直接[x, y] = [y, x],而无需中间变量。

    6、方法:绑定在一个对象上的函数,我们称其为该对象的方法。

    (1)方法中通过this关键字,可以获取对象的所有属性

    (2)this的指向视情况而定,若以对象方法的形式调用,则指代对象。若以方法的形式调用,则指代window。要保证this指向正确,必须用obj.xxx()的形式调用!即使下面的方式也不行:

    var fn = xiaoming.age; // 先拿到xiaoming的age函数

    fn(); // NaN

    (3)方法体内的子函数中,this也是指代window,我们可以在函数后面使用bind(this),将this指向对象。

    7、高阶函数:将函数作为参数传入函数,js中提供了一些很实用的高阶函数

    (1)map():是array的方法,传入一个函数做参数,则array中的所有元素都要执行这个函数,最终返回一个新数组,这样做一行代码就可以解决之前需要各种循环才能解决的问题。

    var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

    var results = arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

    (2)reduce():累计计算,如:

    var arr = [1, 3, 5, 7, 9];

    arr.reduce(function (x, y) {

        return x + y;

    }); // 25

    需要注意的是,传入的函数只能接受两个参数

    (3)filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。如:

    var arr = [1, 2, 4, 5, 6, 9, 10, 15];

    var r = arr.filter(function (x) {

        return x % 2 !== 0;

    });

    r; // [1, 5, 9, 15]

    (4)Array的sort()方法就是用于排序的。通常规定,对于两个元素x和y,如果认为x < y,则返回-1,如果认为x == y,则返回0,如果认为x > y,则返回1,这样,排序算法就不用关心具体的比较过程,而是根据比较结果直接排序。由于Array的sort()方法默认把所有元素先转换为String再排序,所以有

    [10, 20, 1, 2].sort(); // [1, 10, 2, 20]

    显然sort的默认排序规则用的不多,但幸运的是,sort()方法也是一个高阶函数,它还可以接收一个比较函数来实现自定义的排序。如:

    arr.sort(function (x, y) {

        if (x < y) {

            return -1;

        }

        if (x > y) {

            return 1;

        }

        return 0;

    });

    8、闭包:函数返回结果为函数

    9、箭头函数:一种定义函数的方式,使得代码比较简洁

    10、一个generator(生成器)看上去像一个函数,但可以返回多次。最大的好处是,可以保存状态并返回值

    相关文章

      网友评论

          本文标题:二、js函数

          本文链接:https://www.haomeiwen.com/subject/qowxxftx.html