js中setTimeout导致try catch无法捕获异常

碰到一个有趣的小问题,setTimeout、ajax异步请求回调里的代码发生了异常,try catch却没有捕获到。

function test(){
  	try {
		setTimeout(function(){
			throw 'error';
		}, 1);
	} catch (e) {
		console.log("try catch里捕获的异常" + e);
	}
}

function testAjax(){
	try {	
		$.ajax({
		  url: "xxx",
		  cache: false,
		  success: function(data){
		    throw 'error';
		  }
		});
	} catch (e) {
		console.log("try catch里捕获的异常" + e);
	}
}

运行结果如下:
在这里插入图片描述
那么如何捕获这里面的异常呢?总不可能在每个延时函数里再增加异常捕获。
最终找到了:window.onerror

// 注意事项:js中对象初始化慢于方法,在方法调用时最好加个延迟,让window.onerror加载完毕。
window.onerror = function(message, source, lineno, colno, error){ 
	// message:错误消息(字符串)。在HTML οnerrοr=""处理程序event(sic!)中可用。
	// source:引发错误的脚本的URL(字符串)
	// lineno:发生错误的行号(数值)
	// colno:发生错误的行的列号(数值)
	// error:错误对象(对象)
	var message = [
            'Message: ' + msg,
            'URL: ' + url,
            'Line: ' + lineNo,
            'Column: ' + columnNo,
            'Error object: ' + JSON.stringify(error)
        ].join(' - ');
	console.log(message);
	// 当函数返回true时,这可以防止触发默认事件处理程序(就是浏览器控制台打印红色的异常信息)。
	return true;
};

更详细的用法,请参考以下文章。
前端代码异常监控方案window.onerror
window.onerror的总结
前端代码异常监控之 - window.onerror

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用try catch无法捕获setTimeout异常是因为setTimeout是一个异步操作,它会将回调函数放入事件队列,等到主线程任务执行完毕后再执行。因此,try catch无法捕获setTimeout异常。 为了解决这个问题,可以使用Promise来包装setTimeout操作。通过将setTimeout操作封装在一个Promise对象,并在Promise对象抛出异常,就可以使用try catch捕获异常了。具体步骤如下: 1. 创建一个Promise对象,将setTimeout操作放在Promise的回调函数。 2. 在回调函数,使用try catch捕获可能发生的异常。 3. 如果发生异常,使用reject方法将异常信息传递出来。 4. 如果异常,使用resolve方法将操作结果传递出来。 5. 在调用setTimeout的地方,使用await关键字来等待Promise的结果。 这样,即使在setTimeout发生异常,也可以通过try catch异常捕获到。代码示例如下: ```javascript function delay(ms) { return new Promise((resolve, reject) => { setTimeout(() => { try { // 这里放置可能发生异常的代码 // 如果发生异常,使用throw语句抛出异常 // 如果异常,使用resolve方法传递操作结果 resolve(); } catch (error) { // 如果发生异常,使用reject方法将异常信息传递出来 reject(error); } }, ms); }); } async function example() { try { await delay(1000); // 使用await等待Promise的结果 console.log("setTimeout操作执行成功"); } catch (error) { console.log("捕获异常:" + error); } } example(); ``` 通过将setTimeout操作封装在Promise,并在Promise使用try catch捕获异常,就可以实现对setTimeout异常进行捕获和处理了。这样就避免了无法使用try catch捕获setTimeout的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值