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