JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError 目录 1.用途 2.语法 3.实操 1.用途 通常,如果发生错误,脚本就会立即停止,并在控制台将错误打印出来. 有了这个语句就可以捕获错误并执行合理操作,可以让程序继续执行下去 2.语法 try { // 代
目录
- 1.用途
- 2.语法
- 3.实操
1.用途
通常,如果发生错误,脚本就会立即停止,并在控制台将错误打印出来。
有了这个语句就可以捕获错误并执行合理操作,可以让程序继续执行下去
2.语法
try {
// 代码...
} catch (err) {
//err是有关错误详细信息的对象
// 错误捕获,上面代码报错就会转到这个代码块,而不会停止运行
} finally {
//无论是否有异常抛出或捕获它总是执行
}
这种语句可以嵌套
3.实操
Catch
捕获所有 error
。
如果我们不知道如何处理它,那我们就 throw err
。
throw
操作符会生成一个 error
对象。
用来抛出一个用户自定义的异常。当前函数的执行将被停止(throw之后的语句将不会执行),并且控制将被传递到调用堆栈中的第一个Catch块。如果调用者函数中没有catch块,程序将会终止。
示例:
throw "Error1"; // 抛出了一个值为字符串的异常
throw 4; // 抛出了一个值为整数4的异常
/*JavaScript 中有很多内建的标准 error 的构造器:Error,SyntaxError,ReferenceError,TypeError 等。我们也可以使用它们来创建 error 对象。*/
let error = new Error("Things happen o_O");
alert(error.name); // Error
alert(error.message); // Things happen o_O
//json的异常
try {
JSON.parse("{ bad json o_O }");
} catch(e) {
alert(e.name); // SyntaxError
alert(e.message); // Unexpected token b in JSON at position 2
}
补充:
try块的代码可能会抛出三种异常:TypeError
,RangeError
,SyntaxError
有同学可能不知道这三个的意思,这里说明下
这两个都是全局对象,全局的对象本身不包含任何方法, 然而它通过原型链继承了一些方法.
instanceof 操作符用于判断错误类型:
TypeError
:(类型错误)对象用来表示值的类型非预期类型时发生的错误RangeError
: 对象标明一个错误,当一个值不在其所允许的范围或者集合中SyntaxError
: 当Javascript语言解析代码时,Javascript引擎发现了不符合语法规范的tokens或token顺序时抛出
实例:
catch (e) {//以下是这个对象的参数属性
console.log(e instanceof TypeError); // true
console.log(e.message); // "描述此错误"
console.log(e.name); // "TypeError"
console.log(e.fileName); // "引起该异常的代码所在的文件的名字"
console.log(e.lineNumber); // 引起该异常的代码的行号
}
到此这篇关于JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError的文章就介绍到这了,更多相关JavaScript错误处理内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
本文标题为:JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError
基础教程推荐
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- 第7天:CSS入门 2022-11-04
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- Vue+WebSocket实现在线聊天 2023-10-08
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- vue的 Mixins (混入) 2023-10-08
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01