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的错误?
基础教程推荐
猜你喜欢
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
