在es6中，箭頭函數(shù)體內(nèi)的this對象，就是定義該函數(shù)時所在的作用域指向的對象。箭頭函數(shù)中this的指向就是上下文里對象this指向，偶爾沒有上下文對象，this就指向window；即使是call、apply、bind等方法也不能改變箭頭函數(shù)this的指向。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

箭頭函數(shù)相信大家在日常開發(fā)中用到的地方非常之多，因?yàn)樗芎啙?，可讀性強(qiáng)，但是它最大的好處，其實(shí)是解決了匿名函數(shù)的this指向問題，有利于封裝回調(diào)函數(shù)。

先來個總結(jié)：

箭頭函數(shù)體內(nèi)的this對象，就是定義該函數(shù)時所在的作用域指向的對象，而不是使用時所在的作用域指向的對象。

ES6箭頭函數(shù)中this

• （1）默認(rèn)指向定義它時，所處上下文的對象的this指向。即ES6箭頭函數(shù)里this的指向就是上下文里對象this指向，偶爾沒有上下文對象，this就指向window

• （2）即使是call，apply，bind等方法也不能改變箭頭函數(shù)this的指向

下面是普通函數(shù)的列子：

var name = 'window'; // 其實(shí)是window.name = 'window'  var A = {    name: 'A',    sayHello: function(){       console.log(this.name)    } }  A.sayHello();// 輸出A  var B = {   name: 'B' }  A.sayHello.call(B);//輸出B  A.sayHello.call();//不傳參數(shù)指向全局window對象，輸出window.name也就是window

從上面可以看到，sayHello這個方法是定義在A對象中的，當(dāng)當(dāng)我們使用call方法，把其指向B對象，最后輸出了B；可以得出，sayHello的this只跟使用時的對象有關(guān)。

改造一下：

var name = 'window';  var A = {    name: 'A',    sayHello: () => {       console.log(this.name)    } } A.sayHello();// 還是以為輸出A ? 錯啦，其實(shí)輸出的是window

我相信在這里，大部分同學(xué)都會出錯，以為sayHello是綁定在A上的，但其實(shí)它綁定在window上的，那到底是為什么呢？

一開始，我重點(diǎn)標(biāo)注了“該函數(shù)所在的作用域指向的對象”，作用域是指函數(shù)內(nèi)部，這里的箭頭函數(shù)，也就是sayHello，所在的作用域其實(shí)是最外層的js環(huán)境，因?yàn)闆]有其他函數(shù)包裹；然后最外層的js環(huán)境指向的對象是winodw對象，所以這里的this指向的是window對象。

那如何改造成永遠(yuǎn)綁定A呢：

var name = 'window';   var A = {    name: 'A',    sayHello: function(){       var s = () => console.log(this.name)       return s//返回箭頭函數(shù)s    } }  var sayHello = A.sayHello(); sayHello();// 輸出A   var B = {    name: 'B'; }  sayHello.call(B); //還是A sayHello.call(); //還是A

OK，這樣就做到了永遠(yuǎn)指向A對象了，我們再根據(jù)“該函數(shù)所在的作用域指向的對象”來分析一下：

• 該函數(shù)所在的作用域：箭頭函數(shù)s 所在的作用域是sayHello,因?yàn)閟ayHello是一個函數(shù)。

• 作用域指向的對象：A.sayHello指向的對象是A。

所以箭頭函數(shù)s 中this就是指向A啦 ～～

—————-finish————-

最后是使用箭頭函數(shù)其他幾點(diǎn)需要注意的地方

• 不可以當(dāng)作構(gòu)造函數(shù)，也就是說，不可以使用new命令，否則會拋出一個錯誤。

• 不可以使用arguments對象，該對象在函數(shù)體內(nèi)不存在。如果要用，可以用 rest 參數(shù)代替。

• 不可以使用yield命令，因此箭頭函數(shù)不能用作 Generator 函數(shù)。

【推薦學(xué)習(xí)：javascript視頻教程】