一分钟学会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 05 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
JS中箭头函数与this的写法和理解
Jan 14 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP开发的文字水印,缩略图,图片水印实现类与用法示例
2019/04/12 PHP
js location.replace与location.reload的区别
2010/09/08 Javascript
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
python33 urllib2使用方法细节讲解
2013/12/03 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
python实现自动发送报警监控邮件
2018/06/21 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python django中8000端口被占用的解决
2019/12/17 Python
Python程序控制语句用法实例分析
2020/01/14 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
历史系自荐信范文
2013/12/24 职场文书
学生会主席演讲稿
2014/04/25 职场文书
市场营销调查计划书
2014/05/02 职场文书
黄河绝恋观后感
2015/06/08 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL