《十八》JS 中的错误处理

Error 对象：

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

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

创建 Error 对象：

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

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

   

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

   Error 类有一些自己的子类：

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

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

   

Error 对象的属性：

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

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

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

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

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

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

   

throw 抛出错误操作符：

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

throw '发生错误'
throw true
throw {error: '发生错误'}
throw new Error('错误')

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 块外的代码会被执行')

监听 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 提示错误
}