怎樣令js回調(diào)函數(shù)執(zhí)行完再繼續(xù)執(zhí)行？就加個(gè)鉤子，詳細(xì)謝妃娘娘EventEmitter2，就是實(shí)現(xiàn)方法了這個(gè)鉤子。觀察者模式具體一點(diǎn)應(yīng)該是，有一個(gè)jsonobject里頭放著一堆一堆的回調(diào)函數(shù)，他們的k

怎樣令js回調(diào)函數(shù)執(zhí)行完再繼續(xù)執(zhí)行？

就加個(gè)鉤子，詳細(xì)謝妃娘娘EventEmitter2，就是實(shí)現(xiàn)方法了這個(gè)鉤子。

觀察者模式具體一點(diǎn)應(yīng)該是，有一個(gè)jsonobject里頭放著一堆一堆的回調(diào)函數(shù)，他們的key那就是你自己定義的一個(gè)事件，比如說heightChanged，value應(yīng)該是opacity函數(shù)。

隔一段時(shí)間老師上課一抄了，老師喊height，那你opacity函數(shù)就進(jìn)去了。

實(shí)現(xiàn)方法的時(shí)候你先實(shí)現(xiàn)一個(gè)訂閱函數(shù)onto/subscribe，EventEmitter.on(heightChanged)opacity

也就是把opacity一并加入到heightChanged事件的回調(diào)函數(shù)json里

再基于一個(gè)back/unsubscribe，能完成一個(gè)反訂閱，應(yīng)該是把opacity從剛才那個(gè)json里頭destroy掉

再利用一個(gè)emit觸發(fā)事件，EventEmitter.emit(heightChanged)，能觸發(fā)heightChanged事件，此時(shí)就運(yùn)行程序了你剛剛訂閱過的opacity函數(shù)

所謂的鉤子是也，像吧～

但別自己基于了，就用EventEmitter2的或上面說的promise/async

至于實(shí)戰(zhàn)應(yīng)用，怎末放在普通函數(shù)里，去看看這個(gè)吧～建議使用EventEmitter2（觀察者模式）形成完整前端應(yīng)用（一）·Issue#6·livoras/blog

react真的好用嗎？

充當(dāng)不好算可以使用React TypeScript幾年，多種項(xiàng)目從開發(fā)到生產(chǎn)公告經(jīng)驗(yàn)的過來人，我來幫忙解決再看看使用體驗(yàn)。我的結(jié)論是：有前端編程基礎(chǔ)、去學(xué)習(xí)和認(rèn)識(shí)react查找技術(shù)棧后，建議使用react會(huì)覺得如魚得水，生命周期狀態(tài)持續(xù)、函數(shù)式編程、單項(xiàng)數(shù)據(jù)流、豐富地的周邊社區(qū)，讓你能挺好地實(shí)現(xiàn)所需的前端業(yè)務(wù)系統(tǒng)，會(huì)總覺得太好用。

生命周期單項(xiàng)數(shù)據(jù)流，組件化開發(fā)react再度領(lǐng)先的引入了前端生命周期的概念，且模式為單項(xiàng)數(shù)據(jù)流，給每個(gè)組件有自己的狀態(tài)state，以及接收參數(shù)props，每個(gè)組件連成了有機(jī)無機(jī)整體。從傳入props，到生命周期中事件處理，狀態(tài)state的改變，最后原先3d渲染組件以及趕到后的。所有的組件遵照指示同樣的的，使得react這個(gè)可以進(jìn)行組件化開發(fā)，每個(gè)組件全是類似的結(jié)構(gòu)和。

方便些開發(fā)業(yè)務(wù)可以搭配hook鉤子的函數(shù)式組件react的函數(shù)組件是可以另外匯編語言業(yè)務(wù)，再特點(diǎn)前段時(shí)間不出來的hook鉤子，很好的解耦和編寫狀態(tài)。

這點(diǎn)是更加亮點(diǎn)的功能。.例如官網(wǎng)的例子：實(shí)現(xiàn)用戶有無網(wǎng)，悠久的傳統(tǒng)的很容易表示友好的組織業(yè)務(wù)代碼開發(fā)。但react的hook來說，傳去的props包含好友id，接著編寫代碼一次性處理狀態(tài)的改變，到最后返回狀態(tài)。對(duì)外部來說只不需要明白了結(jié)果，內(nèi)部來說這個(gè)可以單獨(dú)對(duì)狀態(tài)處理。這件事情完全沒有頁(yè)面UI層面的內(nèi)容，純業(yè)務(wù)js的狀態(tài)處理。

結(jié)尾react比較熟悉建議使用后會(huì)感覺太好用，也能行最簡(jiǎn)形矩陣當(dāng)下的業(yè)務(wù)所需。雖然有當(dāng)然的門檻要求，但如果能入門和掌握和比較熟悉在用后，會(huì)才發(fā)現(xiàn)對(duì)業(yè)務(wù)的處理得心應(yīng)手，相比于那個(gè)沒法能維護(hù)的業(yè)務(wù)代碼，和較小的系統(tǒng)都還能夠非常好的拆細(xì)，組件化開發(fā)，配搭周邊的插件輔助業(yè)務(wù)開發(fā)，終于實(shí)現(xiàn)方法所需的業(yè)務(wù)功能。

可以使用react開發(fā)完畢過幾個(gè)項(xiàng)目。于我而言，react真好用。react設(shè)計(jì)思想船舶概論奇特，性能也很特別出眾，但是代碼邏輯卻很很簡(jiǎn)單。

像是的小項(xiàng)目建議使用create-react-app來搭建腳手架就可以了，及其的方便。調(diào)試簡(jiǎn)單，chrome有一類的react插件方便啊開發(fā)者通過設(shè)置參數(shù)。

在這里推薦一下螞蟻金服的，一套比較好完善系統(tǒng)的設(shè)計(jì)UI。與react的很完全契合，支付寶啥的都在用，建議使用很方便，組件很多。