ES6中箭頭函數(shù)作為對(duì)象屬性,this的指向問(wèn)題

看了阮大神ES6入門(mén)一書(shū)的時(shí)候，介紹箭頭函數(shù)this

this指向的固定化，并不是因?yàn)榧^函數(shù)內(nèi)部有綁定this的機(jī)制，實(shí)際原因是箭頭函數(shù)根本沒(méi)有自己的this，導(dǎo)致內(nèi)部的this就是外層代碼塊的this。

網(wǎng)上也有云

箭頭函數(shù)的this綁定看的是this所在的函數(shù)定義在哪個(gè)對(duì)象下，綁定到哪個(gè)對(duì)象則this就指向哪個(gè)對(duì)象

const Person = {
        'sayHello': () => {console.log(this)}
            };
      Person.sayHello();

這里的this為什么指向window?為什么不是外部代碼塊的Person對(duì)象的this.

回答

編輯回答

蟲(chóng)児飛

你的代碼等效為：

const func = () => {
  console.log(this);
};

const Person = {
  hello: func,
};

Person.hello();

那么自然就是 window 咯，聲明函數(shù)的地方是 window 嘛。

2018年7月9日 09:10

編輯回答

臭榴蓮

使用對(duì)象字面量的時(shí)候，不要在其定義的方法里使用箭頭函數(shù)，這屬于箭頭函數(shù)的禁忌。另外，可以看下下面的代碼執(zhí)行：

var obj = {
  i: 10,
  b: () => console.log(this.i, this),
  c: function() {
    console.log( this.i, this)
  },
  d() {
    console.log( this.i, this)  
  }
}
obj.b(); 
obj.c();
obj.d();

2018年2月8日 07:01

編輯回答

浪蕩不羈

更新

const person = {
    sayHello: () => console.log(this)
}

const Person = function() {
    this.sayHello = () => console.log(this)
}

const pI = new person()
// 報(bào)錯(cuò): person is not a constructor

const PI = new Person()
PI.sayHello()