How to handle errors from setTimeout in JavaScript?(如何在JavaScript中处理来自setTimeout的错误?)
本文介绍了如何在JavaScript中处理来自setTimeout的错误?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
关于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的错误?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
织梦狗教程
本文标题为:如何在JavaScript中处理来自setTimeout的错误?


基础教程推荐
猜你喜欢
- 如何添加到目前为止的天数? 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- Bokeh Div文本对齐 2022-01-01