如何在JavaScript中处理来自setTimeout的错误?

2022-06-21 00:00:00 asynchronous node.js javascript

关于setTimeout中的函数try/catch的简单问题

try {
    setTimeout(function () {
        throw new Error('error!');
    }, 300)
} catch (e) {
    console.log('eeee!')
    console.log(e)
}

为什么捕获块不起作用?

我可以阅读有关此内容的哪些内容?

附注:问题是是否有可能处理这样的错误。不要回答承诺。


解决方案

计划与setTimeout一起运行的函数在主循环中执行,在生成这些函数的代码体之外执行。

若要处理错误,请将try-catch放在setTimeout处理程序中:

setTimeout(function () {
  try {
    throw new Error('error!');
  } catch (e) {
    console.error(e);
  }
}, 300)

如果需要从调用setTimeout的块访问Error对象,请使用Promises:

const promise = new Promise((resolve, reject) => {
  setTimeout(function () {
    try {
      throw new Error('error!');
      resolve(); // if the previous line didn't always throw

    } catch (e) {
      reject(e)
    }
  }, 300)
})

promise
  .then(result => console.log("Ok " + result))
  .catch(error => console.error("Ouch " + error))

上面的示例不是使用Promise处理案例的最好方法。相反,实现如下delay(ms)函数:

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

然后调用

delay(300).then(myFunction).catch(handleError)

相关文章