Day 59/100 箭头函数和普通函数的区别

写在前面的话 

看了资料，才发现之前面试回答的有多扯...

落后挨打，没毛病啊

（一） 箭头函数的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