一分钟学会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 相关文章推荐
lib.utf.js
Aug 21 Javascript
jQuery timers计时器简单应用说明
Oct 28 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
Aug 30 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
vue $mount 和 el的区别说明
Sep 11 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
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
浅谈js闭包理解
2019/04/01 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
python实现哈希表
2014/02/07 Python
python中global用法实例分析
2015/04/30 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
Python实现端口检测的方法
2018/07/24 Python
python版DDOS攻击脚本
2019/06/12 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
学前教育教师求职自荐信
2013/09/22 职场文书
领导调研接待方案
2014/02/27 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
毕业设计致谢词
2015/05/14 职场文书
市场营销计划书
2019/04/24 职场文书
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python