Javascript＆＃34;这个＆＃34;箭头功能的差异

Question

这里有两个简单的代码：

let myObject = {
objectName: () => {
    console.log(this);
}
};

myObject.objectName(); 

第一个代码打印＆＃34;这个＆＃34;值为：{}

let myObject = {
objectName: function() {
    console.log(this);
}
};

myObject.objectName();

第二个代码打印＆＃34;这个＆＃34;值为：{objectName：[Function：objectName]}

有人可以用简单的英语解释为什么＆＃34;这个＆＃34;在箭头功能有不同的价值？ 谢谢！

Answer 1

箭头函数表达式的语法短于函数表达式，并且没有自己的this，arguments，super或new.target。使用了封闭执行this的{​​{1}}值。

如果您不使用箭头函数，函数将从其调用的位置获取context值。

查看此内容以获取更多详情

How does event handlers with arrow functions achieve context binding