《十八》JS 中的错误处理

Error 对象：

Error 对象：是当错误发生时提供错误信息的 JS 内置对象。

在 JS 中，发生错误会导致后续的代码全都不能执行，因此，产生代码错误是一件非常危险的事。

创建 Error 对象：

1. 当错误发生时，浏览器会自动生成 Error 对象并抛出，而且会中断后续代码的执行。

   console.log(person.name)
   console.log('不会被执行到')
   1
   2

   

2. 也可以通过调用 Error() 类来自定义 Error 对象并抛出，也会中断后续代码的执行。

   Error 类有一些自己的子类：

   1. RangeError:：下标值越界时使用的错误类型。
   2. SyntaxError：解析语法错误时使用的错误类型。
   3. TypeError：出现类型错误时使用的错误类型。

   // 自定义错误
   const error = new Error('发生错误')
   // 抛出错误
   throw error
   console.log('不会被执行到')
   
   1
   2
   3
   4
   5
   6

   

Error 对象的属性：

1. message：创建 Error 对象时传入的信息。

   console.log(new Error('发生错误').message) // 发生错误
   1

2. name：Error 的名称，通常和类的名称一致。

   console.log(new Error('发生错误').name) // Error
   1

3. stack：整个 Error 的错误信息。当直接打印 Error 对象时，打印的就是 stack。

   console.log(new Error('发生错误'))
   1

   

throw 抛出错误操作符：

throw 操作符：用于抛出自定义错误，抛出错误时必须要给 throw 操作符指定一个值，这个值没有类型要求。在使用 throw 操作符抛出错误后，将会中断后续代码的执行。只有当用 try catch 语句捕获错误时，才不会中断后面代码的执行。

throw '发生错误'
throw true
throw {error: '发生错误'}
throw new Error('错误')
1
2
3
4

try catch 处理错误语句：

try catch语句：用于处理错误。try 块中发生错误就不再执行剩余代码，转而执行 catch 块，所以应该把所有可能会抛出错误的代码都放在 try 块中，而把用于处理错误的代码放在 catch 块中。只要捕获并处理了错误，就不会中断后面代码的执行了。

只要错误不被处理，就会一层层向外传递，直到被浏览器捕获，在控制台报错。

try catch 语句的结构：

try catch 语句有三种结构：

1. try catch。
2. try finally。
3. try catch finally。

try{
	console.log(person.name) // 代码发生了错误 
	console.log('try 块中发生错误，try 块剩余的代码不会被执行到')
} catch(error) { // catch 块会接收到一个报错错误信息的对象。在 ES10 中，error 可以省略
	console.log('try 块中发生错误时 catch 块会被执行')
} finally {
	console.log('finally 子句无论如何都会被执行')
}
console.log('try catch 块外的代码会被执行')
1
2
3
4
5
6
7
8
9

监听 Error 错误事件：

无论是浏览器生成的错误还是自定义的错误，只要发生错误，都会触发 window 对象的 error 事件。

在 error 事件的事件处理函数中返回 true，可以阻止浏览器报错的默认行为。

使用 try catch 语句处理错误，将不会再触发 window 对象的 error 事件。

 window.onerror = function(message, url, line, row, error){ // 参数以 Chrome 浏览器为例
	console.log(message)
	return true;   // return true 不提示错误，return flase 提示错误
}
1
2
3
4