原生与跨端交互原理：Bridge、MethodChannel、JSI 等底层实现
跨端通信是面试中的高频考点，Bridge、MethodChannel、JSI 分别代表了三代通信技术的演进。面试官通过这道题考察你对跨端原理的理解深度、技术选型能力以及性能优化意识。
三种通信机制核心对比
| 对比维度 | Bridge | MethodChannel | JSI |
|---|---|---|---|
| 通信方式 | 异步消息队列 | 标准编解码通道 | 同步直接调用 |
| 数据格式 | JSON 序列化 | 标准类型编解码 | 内存共享零拷贝 |
| 线程模型 | 主线程通信 | 主线程序列化 | 任意线程 |
| 性能特征 | 较低（序列化+主线程阻塞） | 中等（固定链路仍有开销） | 高（3~5 倍提升） |
| 典型框架 | React Native（旧版） | Flutter | React Native（新版） |
面试问题 1：Bridge、MethodChannel、JSI 三种跨端通信机制的核心区别是什么？
回答框架 分层对比法：通信方式 → 数据格式 → 线程模型 → 性能特征 → 选型场景
示例回答
Bridge 通过异步消息队列实现 JS 与原生通信，数据经 JSON 序列化在主线程传递，性能受序列化开销和阻塞影响。MethodChannel 使用标准类型编解码，通信链路固定。JSI 实现同步直接调用，通过内存共享零拷贝，支持任意线程，性能最优。
可能追问
- JSI 如何实现同步调用？底层依赖什么机制？
- 三种机制在内存管理上有什么差异？
避坑提醒
不要只背概念，要结合具体场景说明选型依据，例如“数据量大且频繁交互选 JSI，兼容性要求高选 Bridge”。
面试问题 2：Flutter MethodChannel 的通信过程是怎样的？存在哪些性能瓶颈？
回答框架 通信链路拆解 → 瓶颈定位 → 优化方案 → 工具与替代方案
示例回答
MethodChannel 通信链路：Dart 端调用 Channel，经编解码器序列化为标准类型，通过平台通道传递到原生端解码执行。瓶颈在主线程序列化开销、频繁通信导致 UI 卡顿、大数据传输延迟。优化方向：批量通信、使用 Pigeon 生成代码、考虑 FFI 替代。
可能追问
- Pigeon 是如何解决 MethodChannel 的序列化问题的？
- FFI 替代 MethodChannel 的适用场景和风险是什么？
避坑提醒
不要只讲概念，要量化瓶颈影响（如“单次通信耗时约 2~5ms，连续调用加剧卡顿”），体现数据驱动的优化思维。