首頁(yè) 猿問(wèn) 面向?qū)ο笾星短椎暮瘮?shù), 關(guān)鍵字...

面向?qū)ο笾星短椎暮瘮?shù), 關(guān)鍵字 this 怎樣處理?

JavaScript

慕虎7371278 2019-04-06 16:57:36

一個(gè)不明白的問(wèn)題.剛開(kāi)始我學(xué)的是用函數(shù)式的寫(xiě)法,而且在JS函數(shù)嵌套函數(shù)是很容易的,這么就搞定了.后來(lái)我接觸到JS的this,理解每個(gè)函數(shù)的this指向自身所屬對(duì)象,接著就開(kāi)始接觸OOP的內(nèi)容了.但這里有個(gè)問(wèn)題,如果我再對(duì)函數(shù)進(jìn)行嵌套,this就可能出錯(cuò)了.比如一個(gè)對(duì)象的方法里,里邊再定義函數(shù)用來(lái)作為參數(shù)傳遞..或者僅僅是forEach增加一層作用域:obj=people:['a','b',c]data:a:'aaa'b:'aaa'c:'aaa'say:->this.people.forEach(name)->console.logthis.data[name]obj.say()在函數(shù)式編程里,沒(méi)有看到this這樣其葩的功能,而在有C/Java一類語(yǔ)言,不常用嵌套函數(shù)的.就像兩個(gè)東西不能很好地兼容似的...但兩個(gè)都被直接拿過(guò)來(lái)用在了腳本語(yǔ)言里邊有時(shí)候會(huì)用一個(gè)_this來(lái)讓this穿透函數(shù)定義,但我想不是個(gè)好辦法.不知道有沒(méi)有好的方案來(lái)解決?

查看完整描述

2 回答

浮云間

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

從forEach這個(gè)具體的例子來(lái)看，問(wèn)題倒比較容易解決，畢竟Array.forEach(callback[,thisArg])里可以直接將外層的this傳入，這樣就解決了。從更一般的角度來(lái)看，以我愚見(jiàn)，定義一個(gè)varthis_，雖然不太好看，但是在需要多次使用外層的this的時(shí)候，還是很方便的。如果不需要多次使用this的話，F(xiàn)unction.bind也可以在一定程度上解決這個(gè)問(wèn)題。想要根本上解決這個(gè)問(wèn)題，也可以考慮在每個(gè)構(gòu)造函數(shù)里加入類似這樣的代碼：//methodNames是一個(gè)包含所有方法名稱的ArraymethodNames.forEach(function(name){this[name]=this[name].bind(this)},this);缺點(diǎn)是這么做會(huì)大大降低運(yùn)行效率，而且也不好看。總的來(lái)說(shuō)這是Javascript的設(shè)計(jì)上的問(wèn)題，只能繞過(guò)去了。編輯：（感謝@zx1986的提醒）如果是用CoffeeScript的話，那么可以使用它提供的=>來(lái)定義一個(gè)保留外層this的函數(shù)：classTreeconstructor:(@value,@children)->show:()->@children.forEach(child)=>#Notethefatarrow(=>)usedhereconsole.log"",@value,childt=newTree"root",[1,2,3]t.show()這個(gè)功能看起來(lái)還是不錯(cuò)的..