初学JSBridge，如何进行JavaScript与原生桥接探索？

本文共计2616个文字，预计阅读时间需要11分钟。

目录 + JSBridge的起源 + JSBridge的双向通信原理 + JS调用Native + Native调用JS + JSBridge的使用 + 总结 + JSBridge的起源 + 近几年，移动端普及化程度越来越高，开发过程中选择Native还是H5一直是一个热门话题。

目录

• JSBridge 的起源
• JSBridge 的双向通信原理
• JS 调用 Native
• Native 调用 JS
• JSBridge 的使用
• 总结

JSBridge 的起源

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？

这时我们想到了 Codova ，Codova 提供了一组与设备相关的 API ，是早期js调用原生代码来实现原生功能的常用方案。不过 JSBridge 真正在国内广泛应用是由于移动互联网的盛行。

JSBridge 是一种 JS 实现的 Bridge，连接着桥两端的 Native 和 H5。