與IOS交互時(shí)，使用WebViewJavascriptBridge是不錯(cuò)的選擇

使用

對(duì)于前端而言，只需要先初始化函數(shù)

function setupWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
    if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
    window.WVJBCallbacks = [callback];
    var WVJBIframe = document.createElement('iframe');
    WVJBIframe.style.display = 'none';
    WVJBIframe.src = 'https://__bridge_loaded__';
    document.documentElement.appendChild(WVJBIframe);
    setTimeout(function () { document.documentElement.removeChild(WVJBIframe) }, 0)
}

之后調(diào)用該方法即可

setupWebViewJavascriptBridge(function (bridge) {
        /* Initialize your app here */
        bridge.registerHandler('removeArea', function(data, responseCallback) {
            // console.log("JS Echo called with:", data);
        })
        bridge.callHandler('getUserInfo', null, function responseCallback(responseData) {
        })
    })

需要注意的是
bridge.registerHandler里的兩個(gè)參數(shù)分別為，js提供給IOS客戶端的方法名，另一個(gè)則是當(dāng)客戶端調(diào)用該方法后的回調(diào)函數(shù)
bridge.callHandler里的三個(gè)參數(shù)為，IOS端提供的方法，該方法接收的參數(shù)，在調(diào)用方法后的回調(diào)

說明

WebViewJavascriptBridge是一個(gè)雙方提供方法名并且橋接起來的工具，需要注意的是，數(shù)據(jù)的交互都是基于回調(diào)函數(shù)，即具有延時(shí)性，盡量在事件中使用該方法， 當(dāng)需要從客戶端獲取比如用戶信息等全局信息時(shí)，需要注意該延時(shí)性