首頁猿問 this？不明白

this？不明白

JavaScript

慕哥9229398 2019-06-12 09:04:11

window.val=1;varobj={val:2,dbl:function(){this.val*=2;val*=2;console.log('val:',val);console.log('this.val:',this.val);}};//說出下面的輸出結(jié)果obj.dbl();varfunc=obj.dbl;func();這個(gè)問題我知道放在console中運(yùn)行去答案，想要的分析this指向問題。

查看完整描述

2 回答

胡子哥哥

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超6個(gè)贊

varfunc=obj.dbl;func();第一句把函數(shù)引用賦值給一個(gè)變量，會(huì)造成this丟失，所以func內(nèi)部的this是指向全局對(duì)象的。所以函數(shù)內(nèi)部this.val=>window.val=>val=>1。這三個(gè)是相等的。所以結(jié)果是：this.val=this.val*2=>2val=val*2=>4val:4this.val:4

反對(duì) 回復(fù) 2019-06-12

www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

考慮了很久,執(zhí)行obj.dbl()時(shí)，this.val的this指向obj,而下一行的val指向window。所以，由window.val輸出2,obj.val輸出4,最后一行func();的調(diào)用者是window,所以,現(xiàn)在的this.val的this指向window,剛剛window.val已經(jīng)是2了,所以現(xiàn)在this.val=2;的執(zhí)行結(jié)果就是4,然后val=2;的執(zhí)行結(jié)果，就是8了。所以，最終的結(jié)果就是輸出2、4、8、8

反對(duì) 回復(fù) 2019-06-12