H5调用iOS方法：简单封装与示例

本文档提供了一个在H5页面中调用iOS原生方法的解决方案，通过封装的JavaScript代码实现与iOS App的交互。 在现代移动应用开发中，混合开发模式变得越来越普遍，H5页面与原生iOS应用的交互是其中的关键部分。这个示例代码展示了如何在H5页面中调用iOS的方法，使得网页可以触发iOS设备上的特定功能或接收来自iOS应用的数据。 首先，代码通过监听`load`事件来确保在页面完全加载后执行。它检查是否存在`window.pay`对象，如果不存在，那么会调用`lz.initIos()`函数，这表明我们可能在处理非安卓设备（通常假设是iOS设备）。 `lz.initIos()`函数是核心部分，它接受三个参数：`iosCallbackName`（iOS方法名）、`data`（要传递给iOS的数据）和`callback`（iOS方法执行后的回调函数）。该函数首先调用`iosCallbac`来初始化与iOS的通信桥接。 `iosCallbac`是一个内部函数，用于处理`WebViewJavascriptBridge`的实例。如果`WebViewJavascriptBridge`已经存在，它会直接调用回调函数并传入实例。否则，它会监听`WebViewJavascriptBridgeReady`事件，当事件触发时，说明iOS的JavaScript桥接已经准备就绪，此时可以调用回调函数并传入桥接实例。 `ios.callHandler`是实际调用iOS方法的地方，它接收方法名、数据和回调函数作为参数。这个调用会将数据发送到iOS应用，并在iOS方法执行完毕后调用提供的回调函数。 在给出的例子中，创建了一个名为`data`的对象，包含一个`telphone`属性，然后调用`ios.callHandler`方法，传入方法名`'iosgotocall'`和`data`对象，这意味着在iOS端有一个名为`iosgotocall`的方法，它将收到`data`中的电话号码，并进行相应的操作，比如拨打电话。 总结来说，这个代码片段提供了一种在H5页面中调用iOS原生方法的方法，通过`WebViewJavascriptBridge`实现了JavaScript与iOS应用之间的通信。这对于实现如分享、支付、调用系统功能等跨平台交互功能非常有用。开发者可以根据自己的需求，将这个模板修改以适应不同的应用场景。