【原生JS-1】箭头函数与普通函数的区别

1.语法更加简洁、清晰

2.箭头函数没有 prototype (原型)，所以箭头函数本身没有this

3.箭头函数不会创建自己的this

箭头函数没有自己的this，箭头函数的this指向在定义（注意：是定义时，不是调用时）的时候继承自外层第一个普通函数的this。

4.call | apply | bind 无法改变箭头函数中this的指向

5.箭头函数不能作为构造函数使用

6.箭头函数不绑定arguments，取而代之用rest参数...代替arguments对象，来访问箭头函数的参数列表

 

// 普通函数
function A(a){
  console.log(arguments);
}
A(1,2,3,4,5,8);  //  [1, 2, 3, 4, 5, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ]

// 箭头函数
let B = (b)=>{
  console.log(arguments);
}
B(2,92,32,32);   // Uncaught ReferenceError: arguments is not defined

// rest参数...
let C = (...c) => {
  console.log(c);
}
C(3,82,32,11323);  // [3, 82, 32, 11323]

 

参考文章：https://juejin.im/post/6844904184446189576#heading-2