一分钟学会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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
Js-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
javascript包装对象实例分析
Mar 27 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
Mar 25 Javascript
js选项卡的制作方法
Jan 23 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
vue二级路由设置方法
Feb 09 Javascript
vue-router传参用法详解
Jan 19 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 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
一个程序下载的管理程序(二)
2006/10/09 PHP
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
客户端静态页面玩分页
2006/06/26 Javascript
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
js里取容器大小、定位、距离等属性搜集整理
2013/08/19 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
JavaScript实现广告弹窗效果
2016/08/09 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
使用async-validator编写Form组件的方法
2018/01/10 Javascript
vue中监听返回键问题
2019/08/28 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
简单讲解Python中的闭包
2015/08/11 Python
判断网页编码的方法python版
2016/08/12 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
Python Opencv实现图像轮廓识别功能
2020/03/23 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
Python批量修改图片分辨率的实例代码
2019/07/04 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
pandas 空数据处理方法详解
2019/11/02 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
物业门卫岗位职责
2013/12/28 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
市场拓展计划书
2014/05/03 职场文书
竞选班干部演讲稿400字
2014/08/20 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书
Django migrate报错的解决方案
2021/05/20 Python