ios app与H5页面交互踩坑_ios调用h5方法是异步的怎么解决-优快云博客

本文链接：https://blog.youkuaiyun.com/be_strong_web/article/details/135968970

文章讲述了在iOS与H5页面交互中，使用Promise处理异步数据时遇到的问题，即多次调用`getIosData`可能导致旧请求被新请求覆盖，解决办法是限制同一时间只执行一次该方法。作者寻求更优解并欢迎读者分享经验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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，一直在等待！！！！
巨坑！

我这边最简单的就是同一时间段只执行一次这个方法，不要重复调用！！
后续还在寻找更好的解决方法，先在这里记一下，防止忘记，有知道的朋友可以评论告诉我下，感谢！