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

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

代码007普通

打赏 收藏 海报 链接