二、js函数

2018-02-23  本文已影响0人  mjwz5294

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(生成器)看上去像一个函数,但可以返回多次。最大的好处是,可以保存状态并返回值

上一篇下一篇

猜你喜欢

热点阅读