一分钟学会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简单实现HTML标签Select联动带跳转
Oct 23 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
详解Angular.js中$http拦截器的介绍及使用
Jul 04 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 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 empty函数判断mysql表单是否为空
2010/04/12 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
javascript 学习之旅 (1)
2009/02/05 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
JS实用的动画弹出层效果实例
2015/05/05 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
17个Python小技巧分享
2015/01/23 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
《可爱的动物》教学反思
2014/02/22 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电