一分钟学会JavaScript中的try-catch


Posted in Javascript onDecember 14, 2020

导读:

在Java中我们使用try-catch进行异常处理,同样的JavaScript也提供了和异常处理类似的异常处理机制,本节我们将对JavaScript异常处理进行详细讲解。

1.1 如何进行错误处理

<script>
  var i = {}; //定义一个变量
  i.func(); //调用一个不存在的方法
  console.log("test"); //如果上一段代码出现错误,这段代码不会执行
</script>

查看控制台输出结果

一分钟学会JavaScript中的try-catch

从图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内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
js DOM的学习笔记
Dec 22 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
Jan 11 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 Javascript
js+css实现打字效果
Jun 24 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 #Vue.js
vue的hash值原理也是table切换实例代码
Dec 14 #Vue.js
element-ui点击查看大图的方法示例
Dec 14 #Javascript
小程序中手机号识别的示例
Dec 14 #Javascript
Vue如何跨组件传递Slot的实现
Dec 14 #Vue.js
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 #Vue.js
vue3.0实现插件封装
Dec 14 #Vue.js
You might like
PHP自动生成月历代码
2006/10/09 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php多层数组与对象的转换实例代码
2013/08/05 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php生成静态页面的简单示例
2014/04/17 PHP
composer.lock文件的作用
2016/02/03 PHP
javascript radio 联动效果
2009/03/04 Javascript
JavaScript Object的extend是一个常用的功能
2009/12/02 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
js使用数组判断提交数据是否存在相同数据
2013/11/27 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
Python排序搜索基本算法之选择排序实例分析
2017/12/09 Python
python生成特定分布数的实例
2019/12/05 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
Python Numpy中数据的常用保存与读取方法
2020/04/01 Python
python不同系统中打开方法
2020/06/23 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
毕业生个人求职的自我评价
2013/10/28 职场文书
航空大学应届生求职信
2013/11/10 职场文书
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
2015年环卫工作总结
2015/04/28 职场文书
SQLServer中exists和except用法介绍
2021/12/04 SQL Server