本文小編為大家詳細(xì)介紹“Redux面試題及答案有哪些”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“Redux面試題及答案有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。
1、Redux是什么?
Redux是當(dāng)今市場上最熱門的前端開發(fā)庫之一。
它是JavaScript應(yīng)用程序的可預(yù)測狀態(tài)容器，用于整個應(yīng)用程序的狀態(tài)管理。
使用Redux開發(fā)的應(yīng)用程序易于測試，可以在不同的環(huán)境中運行，表現(xiàn)出一致的行為。
2、Redux遵循的三個原則是什么?
單個事實來源：整個應(yīng)用程序的狀態(tài)存儲在單個存儲中的對象/狀態(tài)樹中。
單狀態(tài)樹使跟蹤隨時間的變化和調(diào)試或檢查應(yīng)用程序變得更容易。
狀態(tài)是只讀的：更改狀態(tài)的惟一方法是觸發(fā)一個動作。
一個動作是一個普通的JS對象，用來描述變化。
就像state是數(shù)據(jù)的最小表示一樣，action是數(shù)據(jù)更改的最小表示。
使用純函數(shù)進(jìn)行更改：為了指定如何通過操作轉(zhuǎn)換。
3、Redux的中間件
中間件提供第三方插件的模式，自定義攔截action -> reducer 的過程。變?yōu)?action -> middlewares -> reducer。這種機(jī)制可以讓我們改變數(shù)據(jù)流，實現(xiàn)如異步 action ，action 過濾，日志輸出，異常報告等功能。
常見的中間件：
Redux-logger：提供日志輸出
Redux-thunk：處理異步操作
Redux-promise：處理異步操作，actionCreator的返回值是promise
4、Redux有什么缺點?
一個組件所需要的數(shù)據(jù)，必須由父組件傳過來，而不能像flux中直接從store取。
當(dāng)一個組件相關(guān)數(shù)據(jù)更新時，即使父組件不需要用到這個組件，父組件還是會重新render，可能會有效率影響，或者需要寫復(fù)雜的shouldComponentUpdate進(jìn)行判斷。
5、你如何理解“單一數(shù)據(jù)源”?
Redux使用“Store”將應(yīng)用程序的整個狀態(tài)存儲在一個地方。
因此，所有組件的狀態(tài)都存儲在存儲中，它們從存儲本身接收更新。
單狀態(tài)樹使跟蹤隨時間的變化和調(diào)試或檢查應(yīng)用程序變得更容易。
6、列出Redux的組件
Redux由以下組件組成：
Action—它是一個描述所發(fā)生事情的對象。
它是一個決定狀態(tài)如何變化的地方。
存儲—整個應(yīng)用程序的狀態(tài)/對象樹保存在存儲中。
視圖——簡單地顯示存儲提供的數(shù)據(jù)。
8、如何在Redux中定義操作?
React中的操作必須具有type屬性，該屬性指示正在執(zhí)行的操作的類型。
它們必須被定義為一個字符串常量，你還可以向它添加更多的屬性。
在Redux中，操作是使用名為Action creator的函數(shù)創(chuàng)建的。
9、解析Reducer的作用
Reducer是純函數(shù)，它指定應(yīng)用程序的狀態(tài)如何隨操作的變化而變化。
reduce通過獲取以前的狀態(tài)和動作來工作，然后返回一個新的狀態(tài)。
它根據(jù)操作的類型確定需要執(zhí)行哪種類型的更新，然后返回新值。
如果不需要做任何工作，它將返回以前的狀態(tài)。
10、Store存儲在Redux中的意義是什么?
存儲是一個JavaScript對象，它可以保存應(yīng)用程序的狀態(tài)，并提供一些幫助方法來訪問狀態(tài)、分派操作和注冊偵聽器。
應(yīng)用程序的整個狀態(tài)/對象樹保存在單個存儲中。
因此，Redux非常簡單和可預(yù)測。
我們可以將中間件傳遞給存儲來處理數(shù)據(jù)，以及保存更改存儲狀態(tài)的各種操作的日志。所有操作都通過reduce返回一個新的狀態(tài)。
11、Redux的優(yōu)點是什么?
Redux的優(yōu)勢如下：
結(jié)果的可預(yù)測性——因為總是有一個真實的來源，即存儲，所以對于如何將當(dāng)前狀態(tài)與操作和應(yīng)用程序的其他部分同步，沒有混淆。
可維護(hù)性——通過可預(yù)測的結(jié)果和嚴(yán)格的結(jié)構(gòu)，代碼變得更容易維護(hù)。
服務(wù)器端呈現(xiàn)—只需將在服務(wù)器上創(chuàng)建的存儲傳遞到客戶端。
這對于初始渲染非常有用，并提供了更好的用戶體驗，因為它優(yōu)化了應(yīng)用程序的性能。
開發(fā)人員工具——從操作到狀態(tài)更改，開發(fā)人員可以實時跟蹤應(yīng)用程序中發(fā)生的所有事情。
社區(qū)和生態(tài)系統(tǒng)——Redux背后有一個巨大的社區(qū)，這使得它更容易使用。
一個龐大的人才社區(qū)為圖書館的改善和開發(fā)各種應(yīng)用作出了貢獻(xiàn)。
易于測試——Redux的代碼主要是小的、純的和隔離的函數(shù)。
這使得代碼可測試且獨立。
組織——Redux精確地定義了代碼的組織方式，這使得代碼在團(tuán)隊使用時更加一致和簡單。
12、Redux有什么好處?
Maintain ability, 由于代碼風(fēng)格要求比較嚴(yán)格，所以可維護(hù)性比較強(qiáng)。
Organization, 代碼的組織性比較好, 這樣實際上做工作的時候相對容易。
Server rendering. 服務(wù)器端創(chuàng)建的store會轉(zhuǎn)發(fā)到客戶端。
Developer tools. 方便而強(qiáng)大的開發(fā)者工具為調(diào)試和實時的開發(fā)提供了便利。
Ease of testing. 小函數(shù)，基本上只用來做一件事情，這使得整個測試變得非常簡單。
13、Redux跟mvc和flux有什么區(qū)別?
先說一下mvc，mvc把整個應(yīng)用分成數(shù)據(jù)層，表示層和邏輯層。當(dāng)數(shù)據(jù)變化比較多的時候，系統(tǒng)變得會比較復(fù)雜，調(diào)試就需要更多的經(jīng)驗。再說一下flux。Flux跟Redux比較接近。通過event subscription來管理數(shù)據(jù)的變化?；卣{(diào)加載機(jī)制跟Redux比較接近。
讀到這里，這篇“Redux面試題及答案有哪些”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。
重慶分公司
重慶分公司
