第JavaScript中的this關(guān)鍵詞指向目錄1、es5中的this的指向2、es6中的this

1、es5中的this的指向

this是JavaScript的一個(gè)關(guān)鍵字，他是函數(shù)執(zhí)行過(guò)程中，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象，指當(dāng)前的對(duì)象，只在當(dāng)前函數(shù)內(nèi)部使用。在es5中this的指向取決于函數(shù)運(yùn)行時(shí)的環(huán)境。沒(méi)有直接掛載者(或稱(chēng)調(diào)用者)的函數(shù)中this，非嚴(yán)格模式下指向window，在usestrict嚴(yán)格模式下，默認(rèn)為undefined。以下都是在非嚴(yán)格模式下討論

varname='hellowindow!';

varobj={

name:'helloobj!',

fn:function(){

console.log();

varfn=obj.fn;

fn();//hellowindow!

obj.fn();//helloobj!

obj.fn()在執(zhí)行時(shí)，fn中的this指向的是當(dāng)前的調(diào)用對(duì)象obj。fn()執(zhí)行時(shí)，this指向的是window對(duì)象。

varfn=obj.fn;//等價(jià)于window.fn=obj.fn;

fn();//等價(jià)于window.fn();

匿名函數(shù)的執(zhí)行環(huán)境是全局的

varname='hellowindow!';

varobj={

name:'helloobj!',

fn:function(){

console.log();//'helloobj!'

returnfunction(){

console.log();//'hellowindow!'

obj.fn()();

2、es6中的this

es6箭頭函數(shù)的特點(diǎn)

箭頭函數(shù)沒(méi)有自己的this函數(shù)體內(nèi)的this對(duì)象，就是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象，即外層代碼的this引用。不可以當(dāng)作構(gòu)造函數(shù)，也就是說(shuō)，不可以使用new命令，否則會(huì)拋出一個(gè)錯(cuò)誤。沒(méi)有arguments對(duì)象。如果要用，可以用Rest參數(shù)代替。不可以使用yield命令，因此箭頭函數(shù)不能用作Generator函數(shù)

示例說(shuō)明，修改上述示例代碼中的函數(shù)為箭頭函數(shù)：

//示例代碼1

varname='hellowindow!';

varobj={

name:'helloobj!',

fn:()={

console.log();//這里的this指向的外層的this,即window對(duì)象，想當(dāng)于上打印的是console.log();

varfn=obj.fn;

fn();//hellowindow!

obj.fn();//hellowindow!

//示例代碼2

varname='hellowindow!';

varobj={

name:'helloobj!',

fn:function(){

console.log();//helloobj!

return()={

console.log();//helloobj!//this指向外層的this，即obj對(duì)象

obj