写在前面的话
看了资料,才发现之前面试回答的有多扯...
落后挨打,没毛病啊
(一) 箭头函数的this指向规则
1、箭头函数没有prototype(原型),所以箭头函数本身没有this
let a = () =>{};
console.log(a.prototype); // undefined
2、箭头函数的this指向在定义的时候继承自外层第一个普通函数的this。
3、不能直接修改箭头函数的this指向
call显示绑定this指向失败了,包括aaply、bind都一样。
去修改被继承的普通函数的this指向,然后箭头函数的this指向也会跟着改变
4、严格模式和非严格模式下它的this都会指向window(全局对象)
5、箭头函数的this指向全局,使用arguments会报未声明的错误
6、rest参数获取函数的多余 参数
这是ES6的API,用于获取函数不定数量的参数数组,这个API是用来替代arguments的,API用法如下:
let a = (first, ...abc) => {
console.log(first, abc); // 1 [2, 3, 4]
};
a(1, 2, 3, 4);
7、使用new调用箭头函数会报错
(二)注意事项
1、一条语句返回对象字面量,需要加括号,或者直接写成多条语句的return形式,否则像func中演示的一样,花括号会被解析为多条语句的花括号,不能正确解析
var func1 = () => { foo: 1 }; // 想返回一个对象,花括号被当成多条语句来解析,执行后返回undefined
var func2 = () => ({foo: 1}); // 用圆括号是正确的写法
var func2 = () => {
return {
foo: 1 // 更推荐直接当成多条语句的形式来写,可读性高
};
};
2、箭头函数在参数和箭头之间不能换行!
3、箭头函数的解析顺序相对靠前
不适用场景:箭头函数的this意外指向和代码的可读性。
参考链接:
https://www.cnblogs.com/biubiuxixiya/p/8610594.html
https://blog.csdn.net/m0_37686205/article/details/88776259
网友评论