JS异常处理小结

最新推荐文章于 2024-07-13 23:20:52 发布

iteye_3489

最新推荐文章于 2024-07-13 23:20:52 发布

阅读量85

点赞数

文章标签： js exception ViewUI

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

处理异常最常用的方式：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部分添加如下代码：

    <SCRIPT type="text/javascript">
    function doNothing(){ return true; } 
    window.onerror = doNothing; 
     </SCRIPT>

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

关注