ts中异步等待目标生成的办法

最新推荐文章于 2025-06-10 17:55:53 发布

原创最新推荐文章于 2025-06-10 17:55:53 发布 · 5.4k 阅读

1 ·

CC 4.0 BY-SA版权

typescript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用async, promise及setTimeout实现异步等待的方法，通过定义asyncCheck函数，可按指定检查粒度和超时时间监测对象生成状态，直至生成完成返回对象，适用于前端异步操作场景。

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

async，promise，setimeout配合就行。其它有sleep的语言更简单

/**
     * 异步等待对象的生成，对象生成完成返回生成的对象
     * @param getter 对象的获取函数
     * @param checkSize 检查粒度，ms
     * @param timeout 超时时间, ms
     */
export const asyncCheck = async<T> (getter: () => T, checkSize = 100, timeout = 1000) => {
    return new Promise<T>(x => {
        const check = (num = 0) => {
            const target = getter();
            if (target !== undefined && target !== null) {
                x(target)
            } else if (num > timeout / checkSize) {// 超时
                x(target)
            } else {
                setTimeout(() => check(++num), checkSize);
            }
        };
        check();
    });
}
let input = await asyncCheck(() => document.querySelector("#input"));