JS 与 OC 交互中异步回调的问题

This topic created in 2289 days ago, the information mentioned may be changed or developed.

项目需要：H5 与安卓，IOS 交互，使用了第三方的 jsBridge，因为使用了 js 来定义方法，OC 调用的模式（巨坑），

window.webkit.messageHandlers.XXXX 方法.postMessage(null);

function XXXX 方法(res){

//res 就是 OC 回调的参数，但是本地要等回调回来才能继续执行 js 方法，本地无法判断 OC 啥时候执行完 XXXX 方法

}

H5 必须要等 OC 执行完方法后，再执行回调，但是这种交互无法判断 OC 那边何时执行完，求各位大神如何解决异步回调的问题

回调

xxxx

方法

res

13 replies • 2020-03-20 22:18:58 +08:00

a87586179

Mar 20, 2020

有前端大神不 TVT

Afishtail

Mar 20, 2020

```
let ocRes = false
setTimeout(()=>{
ocRes = true
},5000) // 模拟 5 秒后 OC 出结果
/**
*
* @param {*} interval 查询间隔
* @param {*} timeOut 超时时间
*/
function checkOc(interval, timeOut) {
return new Promise((resolve, reject) => {
let timeConsum = 0
const timer = setInterval(() => {
timeConsum += interval
if (ocRes) {
clearInterval(timer)
resolve(`调用成功,耗时：${timeConsum}`)
} else {
if (timeConsum > timeOut) {
clearInterval(timer)
reject(new Error('调用超时'))
}
}
}, interval)
})
}
checkOc(500, 6000).then(res => {
console.log('正确', res)
}).catch(err => {
console.log('错误', err)
})
```

a87586179

Mar 20, 2020

@Afishtail 我也有想过用定时器，但是感觉有点蛋疼，还是感谢大佬

isRealLeven

Mar 20, 2020

OC 执行完方法后再执行下 js 的方法。

Torpedo

Mar 20, 2020

oc 成功就会调用你的回调，找个时间本身就是不可控的，等它回调你就好了

hstdt

Mar 20, 2020 via iPhone

oc 在处理完之后，再调用一下 js 的 function 呗

a87586179

Mar 20, 2020

@isRealLeven 问题在于，每个请求都得跟 OC 请求，同时多个请求回来就不知道回调的参数是哪个请求发出

ai277014717

Mar 20, 2020

js 调用的时候应该传给你 callback。自己存一下参数 hash 和 callback 的映射。你执行完了就调用一下 callback。

Torpedo

Mar 20, 2020

@a87586179 封装成 promise。然后 promise.all 一下。要不然，就是个回调计数器，都返回了再执行

a87586179

Mar 20, 2020

@Torpedo 这个方法我也想过，在尝试

louiswang002

Mar 20, 2020

之前用过拦截 prompt 的方式做交互，可以尝试一下

Torpedo

Mar 20, 2020

@a87586179 看你问题是啥。回调太多，就是 promise 避免回调地域。分不出哪个是哪个，就是 8 楼的解决方法。说白了就是类似 jsonp 那种形式

Bijiabo

Mar 20, 2020

按照 8 楼的方式做比较方便，每次传给 OC 一个 callback 映射的 ID 就好