理解JS下的“异常传播”
今天看了廖雪峰老师的一篇文章关于处理异常的，写的很不错，总结一下！
我们都知道JS里面的函数是非常重要的一部分，也是学习JS的精髓所在，那函数分为很多种，看你怎么分，可以分为有参函数和无参函数，按照返回值分为有返回值的函数和没有返回值的函数，那么在写函数的时候我们经常遇到一个问题就是异常的处理，之前在写Java的时候其实也是一样会遇到这样的问题，那么在java里面其实只要你觉得哪里可能会出问题的时候，你只需要将代码try-catch捕捉一下将异常处理就行了，在js里面呢其实也是一样的，例如下面的例子：
function test(s){
try{
$("#console").append("参数的长度是"+s.length);
}catch(e){
$("#console").append("异常里面参数的长度是"+e);
}
}
test(null);打印出来的是：
异常里面参数的长度是TypeError: Cannot read property 'length' of null这句话也就是我们处理异常的时候写的，也是最常见的一种，这个函数叫做有参函数， 那么我们捕捉的是参数会不会有问题，如果有问题我们就将异常捕捉出来，这是很常规的一种写法，今天我们要说的是异常传播是什么意思呢？
其实我们在写js函数的时候很多的时候不会是一个函数，会有很多的函数接连的调用，那么任何一个函数出问题其实都是应该捕捉的，理论上是这样的是吧，但是这样写代码的话就很麻烦了，所以就出现了下面这样的代码：
function start(ele){
$("#console").append("start-fun"+"<br/>");
try {
second(ele);
} catch (e) {
$("#console").append("错误"+e+"<br/>");
}
$("#console").append("end-fun"+"<br/>");
}
function second(ele){
$("#console").append("start-second"+"<br/>");
three(ele);
$("#console").append("end-second"+"<br/>");
}
function three(ele){
$("#console").append("start-three"+"<br/>");
$("#console").append("参数的长度是"+ele.length);
$("#console").append("end-three"+"<br/>");
}
start(null); 这里的函数是三个有参函数，一般我们遇到的时候要求说写上异常捕捉，我们会将每一个函数都写上，其实只要在一个合适的函数哪里写上就可以了，因为如果在一个函数内部发生了错误，它自身没有捕获，错误就会被抛到外层调用函数，如果外层函数也没有捕获，该错误会一直沿着函数调用链向上抛出，直到被JavaScript引擎捕获，代码终止执行。所以，我们不必在每一个函数内部捕获错误，只需要在合适的地方来个统一捕获，一网打尽
运行的结果是：
start-fun
start-second
start-three
错误TypeError: Cannot read property 'length' of null
end-funPS：不要纠结于我为什么不用console.log（）来打印，我习惯了写到页面上！
所以以后遇到了就不用每一个都写上异常捕捉了，只需要写一个就行了。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018/09/04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
