Hello! 欢迎来到小浪资源网！

如何优雅地使用 async/await 退出不确定时间的回调函数？

小浪博主 2024-11-17 39

如何优雅地使用 async/await 退出不确定时间的回调函数？

async await 中退出不确定时间的回调函数

在使用 async await 时，如果需要在不确定时间的回调函数中退出，可以通过 promise.withresolvers() 接口实现。

修改代码

将 b 函数修改为：

const b = async (): promise<void> => {   const { promise, resolve } = Promise.withResolvers<void>();    const callback = (mutations: MutationRecord[]) => {     resolve();   };   const observer = new MutationObserver(callback);   observer.observe(buttonEl, {     attributes: true,   });    await p();   buttonEl.click();    // 下面这句也可以用 return promise，取决于你的后续逻辑   await promise; };

原理

promise.withresolvers() 返回一个 promise 和解决器对象。将其应用于此场景：

在观察器回调中调用 resolve 将解决 promise。
await promise 将等待 promise 解决，从而等待观察器回调被触发。

考虑因素

promise.withresolvers() 目前处于 stage-4 阶段，存在兼容性问题。
使用 typescript 需要确保配置 lib: “esnext”。

X