一分钟学会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中具名函数的多种调用方式总结
Nov 08 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 Javascript
Vue常用API、高级API的相关总结
Feb 02 Vue.js
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
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
angularJs关于指令的一些冷门属性详解
2016/10/24 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Python csv模块使用方法代码实例
2019/08/29 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
机关门卫制度
2014/02/01 职场文书
班级寄语大全
2014/04/10 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS
MySQL 5.7常见数据类型
2021/07/15 MySQL
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS