javascript - react 中各個(gè)聲明周期中異步的執(zhí)行順序
問題描述
componentWillMount(){ setTimeout(()=>{ alert(1); },100) } componentDidMount(){ setTimeout(()=>{ alert(2); },100) }
組件中的2個(gè)生命周期函數(shù)都有異步操作,執(zhí)行順序是嚴(yán)格按照聲明周期的順序,也就是先1后2,還是不確定執(zhí)行順序是根據(jù)插入到消息隊(duì)列里面的先后順序執(zhí)行的?問題可以理解為假設(shè)componentWillMount這個(gè)異步結(jié)果返回時(shí)間很長(zhǎng)很長(zhǎng),而componentDidMount這個(gè)異步結(jié)果返回時(shí)間很短,有沒有可能先執(zhí)行componentDidMount里面的回調(diào)結(jié)果,然后在執(zhí)行componentWillMount里面的回調(diào)結(jié)果
問題解答
回答1:簡(jiǎn)化問題為:假設(shè)兩個(gè)異步動(dòng)作 A 和 B 觸發(fā)順序已知,那么 A 和 B 中同樣延時(shí)的 setTimeout 是否能保證順序?
答案顯然是不能的。例如當(dāng) A 和 B 之間只有微秒級(jí)延時(shí)時(shí),兩個(gè)設(shè)定了巨大延時(shí)的 setTimeout 就不能保證按照調(diào)用 setTimeout 時(shí)的先后順序觸發(fā)。
不能夠依賴這種脆弱的時(shí)序關(guān)系來保證代碼的執(zhí)行順序。在 Code Review 中如果遇到利用這種關(guān)系來實(shí)現(xiàn)數(shù)據(jù)初始化、異步請(qǐng)求等功能的代碼,答主肯定是會(huì)提出意見的。對(duì)于異步的控制流,可以采用 Promise / yield 等方式來保證執(zhí)行順序,在這里就不贅述了。
相關(guān)文章:
1. Python處理Dict生成json2. (python)關(guān)于如何做到按win+R再輸入文件文件名就可以運(yùn)行?3. 想練支付寶對(duì)接和微信支付對(duì)接開發(fā)(Java),好像個(gè)人不可以,怎么弄個(gè)企業(yè)的4. mysql - Sql union 操作5. java - Mybatis 數(shù)據(jù)庫(kù)多表關(guān)聯(lián)分頁(yè)的問題6. 急急急!!!求大神解答網(wǎng)站評(píng)論問題,有大神幫幫小弟嗎7. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量8. python - 如何使用websocket在網(wǎng)頁(yè)上動(dòng)態(tài)示實(shí)時(shí)數(shù)據(jù)的折線圖?9. python - 請(qǐng)問這兩個(gè)地方是為什么呢?10. python2.7 - python 正則前瞻 后瞻 無法匹配到正確的內(nèi)容
