全文共1274字，预计学习时长6分钟
图源：unsplash
ES6箭头函数似乎是一种很上瘾的函数，一旦了解你很容易用到停不下来。作为2015年ECMAScript 6更新的一部分，箭头函数有充分理由迅速流行。箭头函数语法是极好的语法糖，能解决很多需求：
· 函数关键字
· 花括号
· return关键字(对于单行函数)
此外，箭头函数还降低了JavaScript的函数范围以及this关键字的部分复杂性，因为有时真正需要的只是一个匿名函数。
但事实上，箭头函数并不一定能解决编写JavaScript函数时的每一项需求。“万金油”函数是奢谈，下面就让我们深入探讨几个箭头函数不能解决的情况吧。
对象原型
先看JavaScript代码片段:
classRobot {
constructor(name,catchPhrase) {
this.name= name;
this.catchPhrase= catchPhrase;
}
};
Robot.prototype.speak= () => {
console.log(this === window);
return this.catchPhrase
};
const ironG =newRobot("Iron Giant", "Be good");
ironG.speak();
第15行的函数调用如下：
true
undefined
定义了speak() 原型函数，并为新Robot对象传递了口号，那为什么这段代码的计算结果是未定义的呢？
console.log()揭示了原因。如你所见，当要求控制台判断(this === window)时，它返回true。这为上文对象方法示例中讨论的内容提供了依据。
当使用需要上下文的函数时，必须使用常规函数语法，以便使this正确绑定：
Robot.prototype.speak=function() {
console.log(this === ironG); // true
return this.catchphrase;
};
图源：unsplash
