在js中,异常表现为一个对象,不同的对象表达了不同的异常类型,不同类型的异常对应不同的错误。
每一个异常都是一个对象,通过对应的构造函数创建。
所以有的异常构造器都继承于Error,更多信息参见MDN。
异常类型 | 含义 |
---|---|
SyntaxError | 语法错误 |
ReferenceError | 引用错误,往往是使用了未定义的变量或函数 |
TypeError | 类型错误,往往是使用了一个对象中不存在的成员 |
捕获异常
捕获异常就是处理错误,当错误发生后,我们对错误进行响应的处理,让程序不至于终止。
在绝大部分时候,我们都无需捕获异常,除非满足以下条件:
1、能够预知某段代码会出现异常。
2、知道出现异常后要做些什么。
上面的条件任意一个不满足都不应该处理异常。
**永远不要为了不报错而处理异常。
下面是一段捕获异常的伪代码例子:
try {
const data = axios.getDataFromServer()
createTableElement(data)
} catch (error) {
showErrorDialog('网络故障,获取服务器数据失败,故障原因:' + error.message)
}
1.我知道通过网络获取服务端数据可能会出现错误,比如服务器宕机。
2.出现错误后需要弹出提醒用户获取数据失败的原因。
手动抛出异常
不仅浏览器会抛出异常,我们还可以自己抛出异常,手动抛出异常和浏览器抛出异常的效果一样。
当编写函数时,如果满足以下三种条件,就可以选择抛出异常:
1、预知执行过程中可能出现异常
2、浏览器不会抛出这个错误
3、该函数无法处理这个错误
例如:
// 得到两个数字的和,传入的参数必须是数字
function sum (a, b) {
if (typeof a !== 'number' || typeof b !== 'number') {
throw new TypeError('必须传入数字')
}
return a + b
}
防止传入两个字符串造成字符串拼接
调用这个函数时进行异常捕获