箭头函数的使用
1.箭头函数相比普通函数来说,更为简洁,箭头函数都是匿名函数,而普通函数可以是匿名函数,也可以是具名函数。书写形式可以为
const fn = ()=>{
方法体
}
2.箭头函数不能用来作为构造函数,不能使用new来创建
3.箭头函数的this指向外层函数的this指向,一个对象中定义的箭头函数中的this指向的是window对象
4箭头函数中不能绑定arguments,否则会报错,取而代之的是使用扩展运算符…来表示
例如:
function A(a){
console.log(arguments);
}
A(1,2,3,5,6);//输出结果为[1,2,3,5,6]
let f=(n)=>{
console.log(arguments);
}
f(1,3,5,6,8);// 报错,错误显示为Uncaught ReferenceError: arguments is not defined
使用…扩展符获取箭头函数中传递的参数
let f2 =(...n)=>{
console.log(n);
}
f2(2,3,5,6,8);//输出结果为[2,3,5,6,8];
conclution:
- 箭头函数的this永远指向上下文的this,任何方法都改变不了其指向,如call(),apply(),bind()函数;
- 普通函数的this指向调用他的对象;