一分钟学会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 相关文章推荐
jquery 学习之二 属性相关
Nov 23 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
js中自定义方法实现停留几秒sleep
Jul 11 Javascript
js实现进度条的方法
Feb 13 Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 Javascript
分享15个大家都熟知的jquery小技巧
Dec 02 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
javascript实现多张图片左右无缝滚动效果
Mar 22 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 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
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
js变量、作用域及内存详解
2014/09/23 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
vue iview实现动态路由和权限验证功能
2018/04/17 Javascript
详解vue中组件参数
2018/07/09 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
[02:25]DOTA2英雄基础教程 熊战士
2014/01/03 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
python创建线程示例
2014/05/06 Python
Python Paramiko模块的使用实际案例
2018/02/01 Python
python操作redis方法总结
2018/06/06 Python
Python assert语句的简单使用示例
2019/07/28 Python
python获取Linux发行版名称
2019/08/30 Python
python实现从ftp服务器下载文件
2020/03/03 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
经理职责范文
2013/11/08 职场文书
七年级地理教学反思
2014/01/26 职场文书
化妆师职业生涯规划书
2014/02/16 职场文书
表彰大会策划方案
2014/05/13 职场文书
个人安全承诺书
2014/05/22 职场文书
大学生安全责任书
2014/07/25 职场文书
先进教师个人总结
2015/02/11 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers