建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
- 中間件
- Store Enhancer
一、中間件
中間件的特點(diǎn)是：
- 中間件是獨(dú)立的函數(shù)
- 中間件可以組合使用
- 中間件有一個(gè)統(tǒng)計(jì)的接口
中間件接口
在Redux框架中，中間件處理的是action對(duì)象，而派發(fā)action對(duì)象的就是Store上的dispatch函數(shù)，action對(duì)象在進(jìn)入reducer之前，會(huì)經(jīng)歷中間件的管道。在這個(gè)中間件管道中，每個(gè)中間件都會(huì)接收到action對(duì)象，在處理完畢之后，就會(huì)把a(bǔ)ction對(duì)象交給下一個(gè)中間件來(lái)處理，只有所有的中間件都處理完action對(duì)象之后，才輪到reducer來(lái)處理action對(duì)象，但是如果某個(gè)中間件覺(jué)得沒(méi)有必要繼續(xù)處理這個(gè)action對(duì)象了，就不會(huì)把a(bǔ)ction對(duì)象交給下一個(gè)中間件，對(duì)這個(gè)action對(duì)象的處理就此為止，也就輪不到reducer上場(chǎng)了。
以action為參數(shù)的函數(shù)對(duì)傳入的action對(duì)象進(jìn)行處理，因?yàn)镴avaScript支持閉包，在這個(gè)函數(shù)里可以訪問(wèn)上面兩層函數(shù)的參數(shù)，所以可以根據(jù)需要做很多事情，包括以下功能：- 調(diào)用dispatch派發(fā)出一個(gè)新的action對(duì)象；
- 調(diào)用getState獲得當(dāng)前Redux Store上的狀態(tài)；
- 調(diào)用next告訴Redux當(dāng)前中間件工作完畢，讓Redux調(diào)用下一個(gè)中間件；
- 訪問(wèn)action對(duì)象action上的所有數(shù)據(jù)；
具有上面這些功能，一個(gè)中間件足夠獲取Store上的所有信息，也具有足夠能力控制數(shù)據(jù)的流轉(zhuǎn)。
使用中間件
使用中間件有兩種方法，兩種方法都離不開(kāi)Redux提供的applyMiddleware函數(shù)。
（1）用Redux提供的applyMiddleware來(lái)包裝createStore產(chǎn)生一個(gè)新的創(chuàng)建Store的函數(shù)，以使用redux-chunk中間件為例，代碼如下：
（2）把a(bǔ)pplyMiddleware的結(jié)果當(dāng)做Store Enhancer，和其他Enhancer混合之后作為createStore參數(shù)傳入。以同時(shí)使用redux-thunk和Redux Devtools增強(qiáng)器為例，代碼如下：
Promise中間件
實(shí)現(xiàn)異步action對(duì)象還有一個(gè)方法是利用promise，promise更加適用于輸入輸出操作，而且fetch函數(shù)返回的結(jié)果就是一個(gè)promise對(duì)象。對(duì)比redux-chunk和promise可以發(fā)現(xiàn)，如果應(yīng)用redux-chunk，實(shí)際發(fā)起異步操作的語(yǔ)句是在中間件中調(diào)用的，而如果應(yīng)用promise中間件，異步操作是在中間件之外引發(fā)的，因?yàn)橹挥挟惒讲僮靼l(fā)生了才會(huì)有promise對(duì)象，而promise中間件只是處理這個(gè)對(duì)象而已。- 中間件開(kāi)發(fā)原則
開(kāi)發(fā)一個(gè)redux中間件，首先明確中間件的目的，因?yàn)橹虚g件可以組合使用，所以不要讓一個(gè)中間件的內(nèi)容太過(guò)臃腫，盡量讓一個(gè)中間件只完成一個(gè)功能，通過(guò)中間件的組合來(lái)完成豐富的功能。
二、Store Enhancer
中間件可以用來(lái)增強(qiáng)Redux store的dispatch方法，但也僅限于dispatch方法，也就是從dispatch函數(shù)調(diào)用到action對(duì)象被reducer處理的這個(gè)過(guò)程中的操作，如果想要對(duì)redux store進(jìn)行更深層次的增強(qiáng)定制，就需要使用Store Enhancer。
- 增強(qiáng)器的接口
- 增強(qiáng)實(shí)例reset
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
名稱(chēng)欄目：React總結(jié)篇之九_(tái)擴(kuò)展Redux-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://fisionsoft.com.cn/article/dgchgp.html
