javascript - 《ES6標(biāo)準(zhǔn)入門》中關(guān)于修飾器的疑問
問題描述
修飾器對(duì)類的行為的改變,是代碼編譯時(shí)發(fā)生的,而不是在運(yùn)行時(shí)。這意味著,修飾器能在編譯階段運(yùn)行代碼。也就是說,修飾器本質(zhì)就是編譯時(shí)執(zhí)行的函數(shù)。
有以下幾個(gè)問題:
上面引用中說到:修飾器對(duì)類的行為的改變,是代碼編譯時(shí)發(fā)生的,而不是在運(yùn)行時(shí),這句中的編譯時(shí)、運(yùn)行時(shí)、發(fā)生分別是什么意思?
修飾器本質(zhì)就是編譯時(shí)執(zhí)行的函數(shù),這里的執(zhí)行和問題一中的發(fā)生是一個(gè)意思嗎?
修飾器一般用在哪些地方?
書上的解釋看的比較模糊,麻煩大神細(xì)細(xì)解說,非常感謝!
問題解答
回答1:編譯時(shí),可以大致理解為,在代碼開始運(yùn)行之前,JS引擎將代碼轉(zhuǎn)化成機(jī)器可以運(yùn)行的操作的時(shí)候。也就是說,這個(gè)過程無法在運(yùn)行時(shí)候加以干涉的,因?yàn)樗陂_始運(yùn)行之前就已經(jīng)完成了。
而運(yùn)行時(shí),則是指你代碼編譯以后機(jī)器可以運(yùn)行的操作開始運(yùn)行時(shí),也就是你寫的那些東西,從機(jī)器操作變成了你能實(shí)際在電腦上看到的東西的時(shí)候。
至于發(fā)生,并沒有特殊含義,就是指這些改變是在JS引擎將代碼轉(zhuǎn)化為機(jī)器操作過程中完成的。
執(zhí)行和發(fā)生,大致可以認(rèn)為是因和果的關(guān)系。改變,一般搭配的動(dòng)詞是“發(fā)生”,函數(shù),一般搭配的詞是“執(zhí)行”。發(fā)生強(qiáng)調(diào)的是前后狀態(tài)的對(duì)比,也就是說,因?yàn)榘l(fā)生了某件事,導(dǎo)致之后和之前不同了。而執(zhí)行則側(cè)重過程,執(zhí)行一個(gè)操作,也就是將操作里每個(gè)步驟都做一遍,并沒有刻意去注重前后是否有不同。所以,這邊應(yīng)該是修飾器=編譯時(shí)執(zhí)行的函數(shù),這個(gè)函數(shù)執(zhí)行之后導(dǎo)致的結(jié)果是類行為有所改變。
既然,上面說了,是對(duì)類行為的改變,所以修飾器一般用在類聲明時(shí)候?qū)︻惱锩娣椒ê蛯傩缘男揎棥?/p>回答2:
說白了,代碼大體分編譯階段和運(yùn)行階段,你可以理解成編譯階段把代碼解析成一個(gè)樹,到了運(yùn)行階段時(shí),按照編譯形成的樹進(jìn)行運(yùn)行。你可以在github上搜索一下core-decorators.js,這個(gè)庫(kù)就是一個(gè)修飾器的實(shí)例。
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化4. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤5. css - 寫頁(yè)面遇到個(gè)布局問題,求大佬們幫解答,在線等,急!~6. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問7. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?8. phpstudy8.1支持win11系統(tǒng)嗎?9. 實(shí)現(xiàn)bing搜索工具urlAPI提交10. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問?

網(wǎng)公網(wǎng)安備