JS错误处理详解

admin · 2022-1-17 14:22:05

在ES3之前js代码执行的过程中，一旦出现错误，整个js代码都会停止执行，这样就显的代码非常的不健壮。从ES3开始，js也提供了类似的错误处理机制，从而让js代码变的更健壮，及时执行的过程中出现了异常，也可以让程序具有了一部分的异常恢复能力。良好的错误处理机制可以让用户及时得到提醒，知道到底发生了什么事，因而不会惊慌失措。为此，作为开发人员，我们必须理解在处理JavaScript错误的时候，都有哪些手段和工具可以利用。
1. try-catch 语句
1.1  将可能会抛出错误的代码都放在try语句块中，而把那些用于错误处理的代码放在catch块中。
try {
//可能会导致错误的代码
someFunction();
} catch (error) {
//在错误发生时怎么处理
alert(error.message)
}

如果try块中的任何代码发生了错误，就会立即退出代码执行过程，然后接着执行catch块，此时，catch块会接收到一个包含错误信息的对象。与在其他语言中不同的是，即使你不想使用这个错误对象，也要给它起个名字。这个对象中包含的实际信息会因浏览器而异，但共同的是有一个保存着错误信息的message属性。ECMA-262还规定了一个保存着错误类型的name属性，当前所有浏览器都支持这个属性（Opera9之前的版本不支持这个属性）。因此，在发生错误时，就可以像上面这样实事求是地显示浏览器给出的信息。这个例子在向用户显示错误信息时，使用了错误对象的message属性，这个message属性是唯一一个能保证所有浏览器都支持的属性，
1.2  finally字句

虽然在try-catch语句中是可选的，但finally子句一经使用，其代码无论如何都会执行。换句话说，try语句块中的代码全部正常执行，finally子句会执行；如果因为出错而执行了catch语句块，finally子句照样还会执行。
只要代码中包含finally子句，则无论try或catch语句块中包含什么样的代码——甚至return语句，都不会阻止finally子句的执行。来看下面这个函数：
function testFinally () {
  try {
   return 2;
  } catch (error) {
   return 1;
  } finally {
   return 0;
  }
}
注：只要代码中包含finally字句，那么无论try还是catch语句块中的return语句都将被忽略。

这个函数在try-catch语句的每一部分都放了一条return语句。表面上看，调用这个函数会返回2，因为返回2个return语句位于try语句块中，而执行该语句又不会出错。
可是，由于最后还有一个finally子句，结果就会导致该return语句被忽略，也就是说，调用这个函数只能返回0，如果把finally子句拿掉，这个函数将返回2。

try-catch语句执行顺序
执行顺序为：首先执行try语句块中的代码，如果抛出异常，接着执行catch语句块中代码，如果没有异常，catch语句块中代码将会被忽略，但不管是否有异常，最后最会执行finally子句。
try后面必须接着一个catch或者finally，也就是说JavaScript中的try-catch可以有3中组合形式。即try-catch、try-finally、try-catch-finally三种形式。

抛出错误
与try-catch语句相配的还有一个throw操作符，用于随时抛出自定义错误。抛出错误时，必须要给throw操作符指定一个值。这个值是什么类型，没有要求。下列代码都是有效的。throw 12345;
throw 'Hello world!';throw true;
throw { name: 'JavaScript'};在遇到throw操作符时，代码会立即停止执行。仅当有try-catch语句捕获到被抛出的值时，代码才会继续执行。

2. error事件
任何没有通过try-catch处理的错误都会触发window对象error事件。
window.onerror = function (message, url, line) {
alert(message);
}

onerror 默认有三个入参：
?msg: 错误信息
?url：错误所在文件
?line：错误所在代码行，整型
window.onerror = function(msg, url, line){ // some code };
对于 <body onerror=”some code”>形式的，可以通过arguments[0]、arguments[1]、arguments[2]依次获取参数。
js中我们最常用的就是js容错
window.onerror=function(){return true;}
基本特性
可以通过设置returnValue=true，或直接return true来阻止浏览器显示错误信息。但不会阻止script debuggers弹出的调试框。只有运行错误才会触发onerror，语法错误不会触发。

		自动登录	找回密码
密码			立即注册

JS错误处理详解

0 个回复

快速回复

admin

楼主热帖

相关帖子

标签云

艾Q网