TurboModules 是 React Native 新架構的一部分，旨在改進原生模塊的加載和調用方式，以提升性能和開發體驗。它是 React Native 團隊為了解決現有架構中 Bridge 的性能瓶頸而引入的重要改進之一。
1. TurboModules 的背景
在 React Native 的舊架構中，原生模塊（Native Modules）通過 Bridge 與 JavaScript 代碼通信。這種通信是異步的，且需要序列化和反序列化數據，導致性能開銷較大，尤其是在頻繁調用原生模塊時。
TurboModules 的目標是：
- 減少通信開銷。
- 支持懶加載（Lazy Loading），即只在需要時加載原生模塊。
- 提供更高效的 JavaScript 和原生代碼之間的交互方式。
2. TurboModules 的核心改進
（1）懶加載（Lazy Loading）
- 在舊架構中，所有原生模塊在應用啟動時都會被初始化，即使某些模塊可能永遠不會被使用。
- TurboModules 支持懶加載，只有在 JavaScript 代碼首次調用某個模塊時，才會初始化該模塊，從而減少啟動時間和內存占用。
（2）JavaScript Interface (JSI)
- TurboModules 基于 JSI（JavaScript Interface），這是新架構的核心部分。
- JSI 允許 JavaScript 直接調用原生代碼，而無需通過 Bridge 進行異步通信和數據序列化。
- JSI 使用 C++ 實現，提供了更高效的通信機制。
（3）強類型化
- TurboModules 引入了強類型化的 API，使用 Codegen 工具自動生成類型化的原生模塊接口。
- 這減少了手動編寫橋接代碼的工作量，并提高了代碼的可靠性和可維護性。
（4）跨平臺一致性
- TurboModules 提供了更一致的跨平臺開發體驗，減少了 iOS 和 Android 平臺之間的差異。
3. TurboModules 的工作原理
（1）模塊注冊
- 在應用啟動時，TurboModules 并不會立即初始化所有原生模塊，而是注冊模塊的元數據。
- 當 JavaScript 代碼首次調用某個模塊時，TurboModules 會根據元數據動態加載和初始化該模塊。
（2）JSI 調用
- 通過 JSI，JavaScript 可以直接調用原生模塊的方法，而無需經過 Bridge。
- JSI 使用 C++ 實現，提供了更高效的通信機制。
（3）Codegen
- React Native 提供了 Codegen 工具，可以根據類型化的 JavaScript 接口定義自動生成原生代碼（C++ 或平臺特定的代碼）。
- 這減少了手動編寫橋接代碼的工作量，并確保了類型安全。
4. TurboModules 的優勢
- 性能提升：通過懶加載和 JSI，減少了啟動時間和通信開銷。
- 開發效率：Codegen 自動生成代碼，減少了手動編寫橋接代碼的工作量。
- 類型安全：強類型化的 API 提高了代碼的可靠性和可維護性。
- 跨平臺一致性：提供了更一致的開發體驗。
5. 如何使用 TurboModules
（1）定義 JavaScript 接口
- 使用 TypeScript 或 Flow 定義原生模塊的接口。
- 例如：
interface MyTurboModule { getString(): string; setString(value: string): void; }
（2）生成原生代碼
- 使用 Codegen 工具根據 JavaScript 接口生成原生代碼。
- 生成的代碼包括 C++ 和平臺特定的實現（Objective-C/Swift 或 Java/Kotlin）。
（3）實現原生模塊
- 在生成的代碼基礎上，實現原生模塊的具體邏輯。
（4）注冊模塊
- 在應用啟動時注冊 TurboModule。
（5）在 JavaScript 中調用
- 通過
NativeModules或直接導入模塊調用原生方法。
6. TurboModules 的現狀
- TurboModules 是 React Native 新架構的一部分，目前仍在逐步完善和推廣中。
- 現有的原生模塊可以逐步遷移到 TurboModules，以享受性能提升和開發效率的改進。
7. 總結
TurboModules 是 React Native 新架構中的重要改進，通過懶加載、JSI 和 Codegen 等技術，顯著提升了原生模塊的性能和開發體驗。它解決了舊架構中 Bridge 的性能瓶頸問題，并為未來的跨平臺開發提供了更強大的基礎。如果你正在開發高性能的 React Native 應用，TurboModules 是一個值得關注和嘗試的特性。
