箭头函数和这个

Question

箭头函数和这个我正在试用ES6，并希望在我的函数中包含一个属性，如下所示var person = {   name: "jason",   shout: () => console.log("my name is ", this.name)}person.shout() // Should print out my name is jason但是，当我运行此代码控制台时，只记录my name is..我做错什么了？

Answer 1

公认的答案是出色、简洁和清晰的，但我将详细阐述肖恩·维埃拉的话：

箭头函数根本不绑定此参数或其他特殊名称。

因为箭头函数没有“this”，所以它使用父函数的“this”。“这个”总是指向父对象，而Person对象的父对象是窗口(如果您在浏览器中)。

要证明这一点，请在您的控制台中运行：

var person = {
    name: "Jason",
    anotherKey: this}console.log(person.anotherKey)

你会得到窗口对象。

我发现这是一个非常有用的思考方法。这并不是一个完整的故事，因为一个对象字面上的“这个”是另一个讨论。