一分钟学会JavaScript中的try-catch
导读:
在Java中我们使用try-catch进行异常处理,同样的JavaScript也提供了和异常处理类似的异常处理机制,本节我们将对JavaScript异常处理进行详细讲解。
1.1 如何进行错误处理
<script>
var i = {}; //定义一个变量
i.func(); //调用一个不存在的方法
console.log("test"); //如果上一段代码出现错误,这段代码不会执行
</script>
查看控制台输出结果

从图1-1中能看出,当前程序发生了一个TypeError类型的错误,错误信息是"i.func"不是一个函数,发生错误的代码位于erroe.html的第3行。
当发生错误时,JavaScript会抛出一个错误对象,使用try-catch进行抓取。
下面利用try-catch进行演示
<script>
var i = {};
try{
i.func();
console.log("1"); //发生错误,该代码不会执行
} catch(e){
console.log(e); //在此处抓取错误对象e
}
console.log("错误被处理"); //如果错误被处理,改代码会被执行
</script>
查看控制台输出结果
从图1-2我们能看出当try中的代码发生错误时,利用catch可以进行异常处理,但是当try块中的某一块代码发生错误时,后面的代码将不会执行,所以我们应该尽量减少try块的代码。
到此这篇关于学会JavaScript中try-catch的文章就介绍到这了,更多相关JavaScript的try-catch内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
TypeScript 引用资源文件后提示找不到的异常处理技巧
这篇文章主要介绍了TypeScript 引用资源文件后提示找不到的异常处理,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
全面解析Bootstrap中transition、affix的使用方法
这篇文章主要为大家详细解析了Bootstrap中transition、affix的使用方法,感兴趣的朋友可以参考一下2016-05-05
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
这篇文章主要介绍了JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的相关资料,需要的朋友可以参考下2016-08-08
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Object.defineProperty() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。下面这篇文章主要给大家介绍了关于使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置的相关资料,需要的朋友可以参考下2018-11-11


最新评论