javascript - 递归函数调用前延迟

Question

我试图在每次递归函数调用之前设置延迟。目前，它正在返回 undefined。问题可能是递归调用的范围(在 settimeout 内然后)。 我这样试过:

    function delay(ms) {
        return new Promise(resolve => {
            setTimeout(resolve, ms)
        });
    } 

    const checkIfListElementIsRendered = (className) => {
        delay(10).then(function (res) {
            if (document.getElementsByClassName(className)[0]) {
                return true;
            }
            return checkIfListElementIsRendered(className);
        })
    }

还有这个:

    const checkIfListElementIsRendered = (className) => {
        if (document.getElementsByClassName(className)[0]) {
            return true;
        }
            
        setTimeout(() => {
            return checkIfListElementIsRendered(className);
        }, 10);   
    }

感谢任何帮助!

Answer 1

需要将checkIfListElementIsRendered转为async/await语法，awaitdelay和 checkIfListElementIsRendered 方法，也改为返回 true 将其转换为 promise 以始终返回 promise。

在外部调用checkIfListElementIsRendered方法时，需要通过await或then回调来解析。

function delay(ms) {
    return new Promise(resolve => {
        setTimeout(resolve, ms)
    });
} 

const checkIfListElementIsRendered = async (className) => {
   await delay(10)
   if (document.getElementsByClassName(className)[0]) {
      return Promise.resolve(true);
   }
   return await checkIfListElementIsRendered(className);
}