从 Settimeout 返回 true

Question

我知道could 可以通过多种方式实现。而且我也明白 settimeout 是异步的，如果没有承诺，就不能轻易返回“true”。

但我正在努力从这个函数中返回 true，并承诺。

从这个 sn-p 代码中，我可以返回 true 的最佳方式是什么？ （如果元素存在，我想返回 true）。

我需要能够专门返回true。

或者还有其他方法可以实现这一点。等待页面上存在 DOM 元素并在它存在时返回 true？

function waitForElement(className, callBack){
    return new Promise(function(resolve) {
        window.setTimeout(function(resolve){
            var element = document.querySelector(className);
            if(element) {
                callBack(className, element);
                console.log("Element exists")
            } else {
                waitForElement(className, callBack);
                console.log("Wait...")
            }
        },1000)
    });
};

waitForElement(".helping-hand-sliding-data h2",function(){
    return true;
});

Answer 1

最好不要混合使用承诺和回调。准备好后只需调用resolve(element)，然后调用await即可：

function waitForElement(className) {
    return new Promise(function (resolve) {
        function wait() {
            let element = document.querySelector(className);
            if (element) {
                resolve(element)
            } else {
                window.setTimeout(wait, 500)
                console.log("Wait...")
            }
        }
        wait()
    });
}

setTimeout(function() {
    let fake = document.createElement('div')
    fake.className = 'helping-hand-sliding-data'
    document.body.appendChild(fake)
}, 2000)


async function main() {
    let element = await waitForElement(".helping-hand-sliding-data");
    console.log('FOUND!', element)
}

main()