JavaScript Error

Error类型

Error类型

• Error ： 所有错误类型的基类，其他错误类型都继承该类型。

• EvalError ： 创建一个 error 实例，表示错误的原因：与 eval() 有关。

• RangeError ：创建一个 error 实例，表示错误的原因：数值变量或参数超出其有效范围。

• ReferenceError ：创建一个 error 实例，表示错误的原因：无效引用。

• SyntaxError ：创建一个 error 实例，表示错误的原因：语法错误。

• TypeError ：创建一个 error 实例，表示错误的原因：变量或参数不属于有效类型。

• URIError ：创建一个 error 实例，表示错误的原因：给 encodeURI() 或 decodeURI() 传递的参数无效。

• AggregateError ： 创建一个 error 实例，其中包裹了由一个操作产生且需要报告的多个错误。如：Promise.any() 产生的错误。

• InternalError 非标准： 创建一个代表 Javascript 引擎内部错误的异常抛出的实例。如：递归太多。

识别Error类型

try{ 
	const a = 1;
	a = 2;
}catch(error){
	console.log(error instanceof TypeError);
	// true
}

抛出错误

// throw抛出的值类型不限
throw 1
throw '1'
throw {a: 1}
throw true

(function(){
	let a = 123; 
	throw new Error(123)  
})()

/*
VM2736:1 Uncaught Error: 123
    at <anonymous>:1:32
    at <anonymous>:1:50
(匿名) @ VM2736:1
(匿名) @ VM2736:1
*/

function sort(arr){
	if(!Array.isArray(arr)){ 
		throw new Error('参数类型错误，你应当传递一个数组类型')
	}
	return arr.sort((a,b)=> a-b);
}
sort(1);
// Uncaught Error: 参数类型错误，你应当传递一个数组类型

throw new TypeError('你应当传递一个数组类型')
// Uncaught TypeError: 你应当传递一个数组类型

自定义Error类型

class CustomError extends Error {
  constructor(name='CustomError ', message) {
    super();

    this.name = name;
    this.message = message;
  }
}

捕获异常

try…catch…finally

try{
	const a = 1;
	a++; // 产生一个错误
	console.log(1)  // 不会执行
}catch(err){ 
	// 错误对象是必须要声明的，即使你不用它
}

function fn(){ 
	try{
		return 1;
	}catch(err){
		return 2;
	}finally{ 
		console.log(3)
	}
}

fn() // 3

window.onerror

1. 错误消息message

2. 错误文档的URL

3. 错误发生的行号

4. 错误发送的列号

5. 错误对象

window.onerror = function (message, url, lno, cno, error) {
    console.table({
        message,
        url,
        lno,
        cno,
        error
    });
    return true;
}

新特性

Error Cause

// 私有函数
function _sort(arr) {
    return arr.sort((a, b) => a - b)
}

export function sort(arr) {
    // ... 处理某些逻辑
    try {
        _sort(arr)
    } catch (err) {
        throw new Error('执行sort错误，原因是'+ err.message)
    }
}

sort(1)
// Uncaught Error: 执行sort错误，原因是arr.sort is not a function

function _sort(arr) {
    return arr.sort((a, b) => a - b)
}

function sort(arr) {
    // ... 处理某些逻辑
    try {
        _sort(arr)
    } catch (err) {
        throw new Error('执行sort错误', {
            cause: err
        })
    }
}

sort(1)

Uncaught Error: 执行sort错误
    sort http://127.0.0.1:5500/error.html:75
    <anonymous> http://127.0.0.1:5500/error.html:81
Caused by: TypeError: arr.sort is not a function
    _sort http://127.0.0.1:5500/error.html:67
    sort http://127.0.0.1:5500/error.html:73
    <anonymous> http://127.0.0.1:5500/error.html:81

参考