TurboModules 是 React Native 新架構(gòu)的一部分，旨在改進原生模塊的加載和調(diào)用方式，以提升性能和開發(fā)體驗。它是 React Native 團隊為了解決現(xiàn)有架構(gòu)中 Bridge 的性能瓶頸而引入的重要改進之一。

1. TurboModules 的背景

在 React Native 的舊架構(gòu)中，原生模塊（Native Modules）通過 Bridge 與 JavaScript 代碼通信。這種通信是異步的，且需要序列化和反序列化數(shù)據(jù)，導(dǎo)致性能開銷較大，尤其是在頻繁調(diào)用原生模塊時。

TurboModules 的目標是：

• 減少通信開銷。
• 支持懶加載（Lazy Loading），即只在需要時加載原生模塊。
• 提供更高效的 JavaScript 和原生代碼之間的交互方式。

2. TurboModules 的核心改進

（1）懶加載（Lazy Loading）

• 在舊架構(gòu)中，所有原生模塊在應(yīng)用啟動時都會被初始化，即使某些模塊可能永遠不會被使用。
• TurboModules 支持懶加載，只有在 JavaScript 代碼首次調(diào)用某個模塊時，才會初始化該模塊，從而減少啟動時間和內(nèi)存占用。

（2）JavaScript Interface (JSI)

• TurboModules 基于 JSI（JavaScript Interface），這是新架構(gòu)的核心部分。
• JSI 允許 JavaScript 直接調(diào)用原生代碼，而無需通過 Bridge 進行異步通信和數(shù)據(jù)序列化。
• JSI 使用 C++ 實現(xiàn)，提供了更高效的通信機制。

（3）強類型化

• TurboModules 引入了強類型化的 API，使用 Codegen 工具自動生成類型化的原生模塊接口。
• 這減少了手動編寫橋接代碼的工作量，并提高了代碼的可靠性和可維護性。

（4）跨平臺一致性

• TurboModules 提供了更一致的跨平臺開發(fā)體驗，減少了 iOS 和 Android 平臺之間的差異。

3. TurboModules 的工作原理

（1）模塊注冊

• 在應(yīng)用啟動時，TurboModules 并不會立即初始化所有原生模塊，而是注冊模塊的元數(shù)據(jù)。
• 當 JavaScript 代碼首次調(diào)用某個模塊時，TurboModules 會根據(jù)元數(shù)據(jù)動態(tài)加載和初始化該模塊。

（2）JSI 調(diào)用

• 通過 JSI，JavaScript 可以直接調(diào)用原生模塊的方法，而無需經(jīng)過 Bridge。
• JSI 使用 C++ 實現(xiàn)，提供了更高效的通信機制。

（3）Codegen

• React Native 提供了 Codegen 工具，可以根據(jù)類型化的 JavaScript 接口定義自動生成原生代碼（C++ 或平臺特定的代碼）。
• 這減少了手動編寫橋接代碼的工作量，并確保了類型安全。

4. TurboModules 的優(yōu)勢

• 性能提升：通過懶加載和 JSI，減少了啟動時間和通信開銷。
• 開發(fā)效率：Codegen 自動生成代碼，減少了手動編寫橋接代碼的工作量。
• 類型安全：強類型化的 API 提高了代碼的可靠性和可維護性。
• 跨平臺一致性：提供了更一致的開發(fā)體驗。

5. 如何使用 TurboModules

（1）定義 JavaScript 接口

• 使用 TypeScript 或 Flow 定義原生模塊的接口。
• 例如：

  interface MyTurboModule {
    getString(): string;
    setString(value: string): void;
  }
  

（2）生成原生代碼

• 使用 Codegen 工具根據(jù) JavaScript 接口生成原生代碼。
• 生成的代碼包括 C++ 和平臺特定的實現(xiàn)（Objective-C/Swift 或 Java/Kotlin）。

（3）實現(xiàn)原生模塊

• 在生成的代碼基礎(chǔ)上，實現(xiàn)原生模塊的具體邏輯。

（4）注冊模塊

• 在應(yīng)用啟動時注冊 TurboModule。

（5）在 JavaScript 中調(diào)用

• 通過 NativeModules 或直接導(dǎo)入模塊調(diào)用原生方法。

6. TurboModules 的現(xiàn)狀

• TurboModules 是 React Native 新架構(gòu)的一部分，目前仍在逐步完善和推廣中。
• 現(xiàn)有的原生模塊可以逐步遷移到 TurboModules，以享受性能提升和開發(fā)效率的改進。

7. 總結(jié)

TurboModules 是 React Native 新架構(gòu)中的重要改進，通過懶加載、JSI 和 Codegen 等技術(shù)，顯著提升了原生模塊的性能和開發(fā)體驗。它解決了舊架構(gòu)中 Bridge 的性能瓶頸問題，并為未來的跨平臺開發(fā)提供了更強大的基礎(chǔ)。如果你正在開發(fā)高性能的 React Native 應(yīng)用，TurboModules 是一個值得關(guān)注和嘗試的特性。