Redux面試題及答案有哪些

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

1、Redux是什么?

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

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

使用Redux開發的應用程序易于測試，可以在不同的環境中運行，表現出一致的行為。

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

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

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

狀態是只讀的：更改狀態的惟一方法是觸發一個動作。

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

就像state是數據的最小表示一樣，action是數據更改的最小表示。

使用純函數進行更改：為了指定如何通過操作轉換。

3、Redux的中間件

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

常見的中間件：

Redux-logger：提供日志輸出

Redux-thunk：處理異步操作

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

4、Redux有什么缺點?

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

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

5、你如何理解“單一數據源”?

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

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

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

6、列出Redux的組件

Redux由以下組件組成：

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

它是一個決定狀態如何變化的地方。

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

視圖——簡單地顯示存儲提供的數據。

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

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

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

在Redux中，操作是使用名為Action creator的函數創建的。

9、解析Reducer的作用

Reducer是純函數，它指定應用程序的狀態如何隨操作的變化而變化。

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

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

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

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

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

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

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

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

11、Redux的優點是什么?

Redux的優勢如下：

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

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

服務器端呈現—只需將在服務器上創建的存儲傳遞到客戶端。

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

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

社區和生態系統——Redux背后有一個巨大的社區，這使得它更容易使用。

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

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

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

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

12、Redux有什么好處?

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

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

Server rendering. 服務器端創建的store會轉發到客戶端。

Developer tools. 方便而強大的開發者工具為調試和實時的開發提供了便利。

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

13、Redux跟mvc和flux有什么區別?

先說一下mvc，mvc把整個應用分成數據層，表示層和邏輯層。當數據變化比較多的時候，系統變得會比較復雜，調試就需要更多的經驗。再說一下flux。Flux跟Redux比較接近。通過event subscription來管理數據的變化。回調加載機制跟Redux比較接近。

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