如何在JavaScript中处理来自setTimeout的错误？ [英] How to handle errors from setTimeout in 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)

这篇关于如何在JavaScript中处理来自setTimeout的错误？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！