为什么＆＃39;这个＆＃39;参考对象＆＃39; obj＆＃39;不是全球对象

Question

var obj = {
  name: 'hello',
  getName: function(){
  return () => {return this.name; }
  }
}
var name = 'world';
var nameFunc = obj.getName();
console.log(nameFunc())

结果是＆＃34;你好＆＃34;而不是＆＃34;世界＆＃34;。 我有点困惑。

Answer 1

箭头功能已经诞生了＃34;绑定到this的值，就像它们创建时一样。当您致电getName()时：

var nameFunc = obj.getName();

然后在getName()内，this的值是对obj的引用。您的return语句构造了箭头函数，因此该函数绑定到obj。它好像你写的那样：

  getName: function() {
    return function() {
      return this.name;
    }.bind(this);
  }

这就是箭头功能的工作方式，是的，它与常规功能不同。