Redux面試題及答案有哪些

本文小編為大家詳細介紹“Redux面試題及答案有哪些”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“Redux面試題及答案有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

1、Redux是什么?

Redux是當今市場上最熱門的前端開發(fā)庫之一。

它是JavaScript應用程序的可預測狀態(tài)容器，用于整個應用程序的狀態(tài)管理。

使用Redux開發(fā)的應用程序易于測試，可以在不同的環(huán)境中運行，表現(xiàn)出一致的行為。

2、Redux遵循的三個原則是什么?

單個事實來源：整個應用程序的狀態(tài)存儲在單個存儲中的對象/狀態(tài)樹中。

單狀態(tài)樹使跟蹤隨時間的變化和調(diào)試或檢查應用程序變得更容易。

狀態(tài)是只讀的：更改狀態(tài)的惟一方法是觸發(fā)一個動作。

一個動作是一個普通的JS對象，用來描述變化。

就像state是數(shù)據(jù)的最小表示一樣，action是數(shù)據(jù)更改的最小表示。

使用純函數(shù)進行更改：為了指定如何通過操作轉(zhuǎn)換。

3、Redux的中間件

中間件提供第三方插件的模式，自定義攔截action -> reducer 的過程。變?yōu)?action -> middlewares -> reducer。這種機制可以讓我們改變數(shù)據(jù)流，實現(xiàn)如異步 action ，action 過濾，日志輸出，異常報告等功能。

常見的中間件：

Redux-logger：提供日志輸出

Redux-thunk：處理異步操作

Redux-promise：處理異步操作，actionCreator的返回值是promise

4、Redux有什么缺點?

一個組件所需要的數(shù)據(jù)，必須由父組件傳過來，而不能像flux中直接從store取。

當一個組件相關數(shù)據(jù)更新時，即使父組件不需要用到這個組件，父組件還是會重新render，可能會有效率影響，或者需要寫復雜的shouldComponentUpdate進行判斷。

5、你如何理解“單一數(shù)據(jù)源”?

Redux使用“Store”將應用程序的整個狀態(tài)存儲在一個地方。

因此，所有組件的狀態(tài)都存儲在存儲中，它們從存儲本身接收更新。

單狀態(tài)樹使跟蹤隨時間的變化和調(diào)試或檢查應用程序變得更容易。

6、列出Redux的組件

Redux由以下組件組成：

Action—它是一個描述所發(fā)生事情的對象。

它是一個決定狀態(tài)如何變化的地方。

存儲—整個應用程序的狀態(tài)/對象樹保存在存儲中。

視圖——簡單地顯示存儲提供的數(shù)據(jù)。

8、如何在Redux中定義操作?

React中的操作必須具有type屬性，該屬性指示正在執(zhí)行的操作的類型。

它們必須被定義為一個字符串常量，你還可以向它添加更多的屬性。

在Redux中，操作是使用名為Action creator的函數(shù)創(chuàng)建的。

9、解析Reducer的作用

Reducer是純函數(shù)，它指定應用程序的狀態(tài)如何隨操作的變化而變化。

reduce通過獲取以前的狀態(tài)和動作來工作，然后返回一個新的狀態(tài)。

它根據(jù)操作的類型確定需要執(zhí)行哪種類型的更新，然后返回新值。

如果不需要做任何工作，它將返回以前的狀態(tài)。

10、Store存儲在Redux中的意義是什么?

存儲是一個JavaScript對象，它可以保存應用程序的狀態(tài)，并提供一些幫助方法來訪問狀態(tài)、分派操作和注冊偵聽器。

應用程序的整個狀態(tài)/對象樹保存在單個存儲中。

因此，Redux非常簡單和可預測。

我們可以將中間件傳遞給存儲來處理數(shù)據(jù)，以及保存更改存儲狀態(tài)的各種操作的日志。所有操作都通過reduce返回一個新的狀態(tài)。

11、Redux的優(yōu)點是什么?

Redux的優(yōu)勢如下：

結果的可預測性——因為總是有一個真實的來源，即存儲，所以對于如何將當前狀態(tài)與操作和應用程序的其他部分同步，沒有混淆。

可維護性——通過可預測的結果和嚴格的結構，代碼變得更容易維護。

服務器端呈現(xiàn)—只需將在服務器上創(chuàng)建的存儲傳遞到客戶端。

這對于初始渲染非常有用，并提供了更好的用戶體驗，因為它優(yōu)化了應用程序的性能。

開發(fā)人員工具——從操作到狀態(tài)更改，開發(fā)人員可以實時跟蹤應用程序中發(fā)生的所有事情。

社區(qū)和生態(tài)系統(tǒng)——Redux背后有一個巨大的社區(qū)，這使得它更容易使用。

一個龐大的人才社區(qū)為圖書館的改善和開發(fā)各種應用作出了貢獻。

易于測試——Redux的代碼主要是小的、純的和隔離的函數(shù)。

這使得代碼可測試且獨立。

組織——Redux精確地定義了代碼的組織方式，這使得代碼在團隊使用時更加一致和簡單。

12、Redux有什么好處?

Maintain ability, 由于代碼風格要求比較嚴格，所以可維護性比較強。

Organization, 代碼的組織性比較好, 這樣實際上做工作的時候相對容易。

Server rendering. 服務器端創(chuàng)建的store會轉(zhuǎn)發(fā)到客戶端。

Developer tools. 方便而強大的開發(fā)者工具為調(diào)試和實時的開發(fā)提供了便利。

Ease of testing. 小函數(shù)，基本上只用來做一件事情，這使得整個測試變得非常簡單。

13、Redux跟mvc和flux有什么區(qū)別?

先說一下mvc，mvc把整個應用分成數(shù)據(jù)層，表示層和邏輯層。當數(shù)據(jù)變化比較多的時候，系統(tǒng)變得會比較復雜，調(diào)試就需要更多的經(jīng)驗。再說一下flux。Flux跟Redux比較接近。通過event subscription來管理數(shù)據(jù)的變化?；卣{(diào)加載機制跟Redux比較接近。

讀到這里，這篇“Redux面試題及答案有哪些”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內(nèi)容的文章，歡迎關注億速云行業(yè)資訊頻道。