一分钟学会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 异步页面查询实现代码(asp.net)
May 26 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
javascript实现动态标签云
Oct 16 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
Oct 12 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 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调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
jQuery 解析xml文件
2009/08/09 Javascript
dreamweaver 安装Jquery智能提示
2011/04/02 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
2015/03/02 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
JavaScript如何借用构造函数继承
2019/11/06 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
python查看zip包中文件及大小的方法
2015/07/09 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
深入解析神经网络从原理到实现
2019/07/26 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
彻底解决pip下载pytorch慢的问题方法
2021/03/01 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
年终自我鉴定
2013/10/09 职场文书
献爱心活动总结
2014/05/07 职场文书
2015年电工工作总结
2015/04/10 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python
mysql 带多个条件的查询方式
2021/06/05 MySQL