主页 > 教程合集 > Html/css >

Javascript异常处理小结

时间:2022-01-02 阅读:0

有人说:JavaScript就是为了取悦用户而给开发者带来痛苦的一项技术。页面中,错误在所难免。一般而言,页面错误大致分为两种:程序内部的逻辑或者语法错误、运行中数据错误。前者多称之为错误(error),后则则多称之为异常(Exception)。

Javascript异常处理小结

处理异常最常用的方式:try-catch-finally,通过异常处理,可以避免程序停止运行,从而具有了一定的自我修复能力。具体使用我就不多说,下面就异常处理中需要注意的地方小结一下。

在使用jQuey获取一个对象的属性时,如果该对象不存在,jQuery有可能会抛出异常,在有些我们不想让用户看到这样的异常,最常用的方式就是先判断该对象是否存在。如果不假思索,我们很有可能会使用如下方式:


if ($("#objID")){ }
 

这种方式看起来好像可以,实际上是不可取的。因为jQuery对象永远都有返回值,所以$("#objID") 总是返回TRUE 。

通过判断对象是否存在有如下可取方式:

1、  使用普通的js代码获取该元素,判断是否存在


if(document.getElementById('objId')){
        //如果元素存在
}
 

2、  使用jQuery获取,判断该元素的大小(长度),或者将jQuery对象转为DOM对象判断。


//判断jQuery对象的长度
if($('#objId').length>0){
     
}
//将jQuery对象转换成DOM对象进行判断
if($('#objId')[0]){
}
 

当然,也可以通过try-catch捕获异常的方式来处理,不过这种方式用来处理对象是否存在就不太好了。

还有一种是在页面编译期间出现错误的情况,页面代码本身没有问题,用户的过快操作,页面JS代码还没有执行完成就直接转到其他页面也会出现这样的错误。这种错误抛给用户是相当不友好的,那么有没有办法去避免呢。下面是一种解决方案,在head部分添加如下代码:


function doNothing(){ return true; }
window.onerror = doNothing;
 

这种方案,只有在系统经过充分的测试后才可以使用。测试的时候,建议把代码注释或者直接去掉。

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2022-01-02最后更新,转载注明出处。

相关推荐

返回顶部