为什么在胖箭头函数定义中没有定义“this”？[副本]

Question

我先试过这个-

const profile = {
    name: 'Alex',
    getName: function(){
      return this.name;
    }
};

很好用。现在我用胖箭做了同样的事情。在这种情况下，“this”是未定义的。

const profile = {
    name: 'Alex',
    getName: () => {
      return this.name;
    }
};

Answer 1

与常规函数不同，箭头函数没有自己的this，只有常规函数和全局作用域有自己的this。

这意味着每当箭头函数中引用this时，它将开始查找作用域以查找this的值，或者在本例中，在查找过程中，它发现对象没有自己的this，因此，它进入全局作用域并将this的值与全局作用域绑定，在全局作用域中它不会找到任何东西。这两个例子会解决你的疑问。

var obj = {
    a : 'object???',
    foo : () => { console.log(this.a) }
};

var a = 'global!!!';

obj.foo();              // global!!!

函数中的换行箭头

var obj = {
    a : 'object???',
    foo : function() {
        return (() => {
            console.log(this.a)
        })();
    }
};

var a = 'global!!!';

obj.foo();

https://github.com/anirudh-modi/js-Essentials/blob/master/es2015/functions/arrow%20functions.md#how-this-is-interfire-for-arrow-functions