jQuery加载完成事件 $(function(){ })的全局异常拦截

时间:2021-07-06 07:25:29

通常我们在页面加载完成的时候要写入一些功能脚本,如:

$(function(){/*脚本 - 1*/
console.log('start');
})
$(function(){/*脚本 - 2*/
throw new Error(123);
})
$(function(){/*脚本 - 3*/
console.log('end');
})

但运行到‘脚本 - 2’时程序会被中断,导致后续脚本无法执行,在项目中这往往不是我们想要的;有异常发生时,我们可以捕获并打印,但脚本依然进行执行,改造如下:

$.extend(jQuery.fn, {// 重写ready方法,截获异常
ready: function(fn) {
// Add the callback
var fun = function(){
try {
fn.apply(this,arguments);
} catch (e) { console.trace(e); }
}
jQuery.ready.promise().done(fun); return this;
}
});
$(function(){
console.log('start');
})
$(function(){
throw new Error(123);
})
$(function(){
console.log('end');
})

chrome的测试结果:

jQuery加载完成事件 $(function(){ })的全局异常拦截