一分钟学会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 相关文章推荐
js option删除代码集合
Nov 12 Javascript
javascript 日期常用的方法
Nov 11 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
JS面向对象之多选框实现
Jan 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伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
php递归实现无限分类的方法
2015/07/28 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
浅谈php://filter的妙用
2019/03/05 PHP
JavaScript延迟加载
2021/03/09 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
js读写json文件实例代码
2014/10/21 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
Python SQLite3数据库操作类分享
2014/06/10 Python
利用Python实现图书超期提醒
2016/08/02 Python
详解如何使用Python编写vim插件
2017/11/28 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
python取均匀不重复的随机数方式
2019/11/27 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
员工自我鉴定范文
2013/10/06 职场文书
聘任书模板
2014/03/29 职场文书
5s推行计划书
2014/05/06 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
幼儿园秋季开学寄语
2014/08/02 职场文书
公司文体活动总结
2015/05/07 职场文书
openstack中的rpc远程调用的方法
2021/07/09 Python
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技