ios 与 H5 页面交互是异步的,有坑
这两端的交互我这边写的如下:
const platform = '判断的平台'
export const getIosData = () => {let returnPromise;try {if (platform === "android" ) {returnPromise = Promise.resolve((window as any).android.Provide.getIosData());} else if (platform === "iphone") {returnPromise = new Promise((resolve, reject) => {(window as any).getIosData = (data: string) => {//data 是 ios 返回给H5的数据resolve(data || "");};});(window as any).webkit.messageHandlers.getIosData.postMessage(给iOS的参数);} else {returnPromise = Promise.resolve("");}return returnPromise;} catch (e) {return Promise.resolve("");}
};
坑的就是,如果我在一次执行getIosData() 的时候,并且 ios 还没有回调**(window as any).getIosData** 返回给H5 数据的时候 再次调用这个方法,这个时候,
(window as any).getIosData = (data)=> {resolve(data || “”);} 这句,会把前面一个调用的resolve给覆盖掉,导致前面执行的getIosData之后的语句一直不执行,因为promise 没有resolve,一直在等待!!!!
巨坑!
我这边最简单的就是同一时间段只执行一次这个方法,不要重复调用!!
后续还在寻找更好的解决方法,先在这里记一下,防止忘记,有知道的朋友可以评论告诉我下,感谢!