一、为啥要有箭头函数？
不绑定this：确定this时不用像普通函数考虑因调用方式不同而导致this指向不同
二、箭头函数this指向谁？
箭头函数不创建自己的this，函数体内的this继承自作用域链的上一层 this，在箭头函数声明时就已经确定。但作用域上层的this如果改变，箭头函数的this也会随之变化。
箭头函数作用域的上层常见有两种：
window.age = 18;
let obj = {
name: 'yuyy',
say: () => {
console.log('name: ', this.name);
console.log('age: ', this.age);
}
}
obj.say();
输出：
解释：
say这个箭头函数作用域是obj，obj的上一层是全局，全局的this是window
window.age = 18;
let obj = {
name: 'yuyy',
say: function() {
return () => {
console.log('name: ', this.name);
console.log('age: ', this.age);
}
}
}
obj.say()();
输出：
name: yuyy
age: undefined
解释：
此处的箭头函数的作用域是say函数，say函数的上一层是obj对象，obj的this是其自身
重要！！！
如果箭头函数作用域外层是函数：则箭头函数this继承函数的this，且外层函数的this改变，箭头函数的this也会改变（可以理解为箭头函数的this在声明时和外层函数的this建立了引用关系）
let obj = {
name: 'yuyy',
say: function() {
return () => {
console.log('name: ', this.name);
}
}
}
let person = {
name: 'rory'
}
obj.say()();
obj.say().call(person);
obj.say.call(person)();
输出：
name: yuyy
name: yuyy
name: rory
解释：
第二行仍然输出yuyy是由于箭头函数的 this 继承自外层作用域，通过 call() 或 apply() 方法调用箭头函数时，只能传递函数所需参数，不能绑定 this，所以call() 或 apply() 的第一个参数会被忽略
三、箭头函数为啥不能new？
和new过程中的两个关键点有关：
原因1：箭头函数不创建自己的this（函数体内的this继承自作用域链的上一层 this）
原因2：箭头函数没有原型对象（prototype）
const Person1 = function () {
};
const Person2 = () => {
};
console.log('Person1.prototype: ', Person1.prototype);
console.log('Person2.prototype: ', Person2.prototype);
输出：
Person1.prototype: {constructor: ƒ}
Person2.prototype: undefined
四、arguments
箭头函数没有arguments
const Person2 = () => {
console.log(arguments)
};
Person2();
输出：
Uncaught ReferenceError: arguments is not defined
箭头函数与普通函数的区别：
参考：
Last updated
