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 是一个值得关注和尝试的特性。
