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

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页