你知道 JavaScript 中的错误对象有哪些类型吗?

每当 JavaScript 中发生任何运行时错误时,都会引发Error对象。在许多情况下,我们还可以扩展这些标准Error对象,以创建我们自己的自定义Error对象。

属性

Error 对象具有2个属性:

(1) name ——设置或返回错误名称。具体来说,它返回错误所属的构造函数的名称。

它有6个不同的值-EvalError,RangeError,ReferenceError,TypeError,SyntaxError,URIError。我们将在本文后面讨论这些内容,这些所有错误类型均继承自Object-> Error-> RangeError。

(2) message-设置或返回错误消息

你知道 JavaScript 中的错误对象有哪些类型吗?

事例

1. 通用的错误

我们可以使用Error对象创建一个新的Error,然后使用throw关键字显式抛出该错误。

你知道 JavaScript 中的错误对象有哪些类型吗?

2. 处理特定的错误类型

我们还可以使用如下的instanceof关键字来处理特定的错误类型。

你知道 JavaScript 中的错误对象有哪些类型吗?

3. 自定义错误类型

我们还可以通过创建继承Error对象的类来定义自己的错误类型。

你知道 JavaScript 中的错误对象有哪些类型吗?

你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性

Error 的对象类型

现在让我们讨论可用于处理不同错误的不同错误对象类型。

1. EvalError

创建一个error实例,表示错误的原因:与 eval() 有关。

这里要注意的一点是,当前ECMAScript规范不支持它,并且运行时不会将其抛出。取而代之的是,我们可以使用SyntaxError错误。但是,它仍然可以与ECMAScript的早期版本向后兼容。

语法:

new EvalError([message[, fileName[, lineNumber]]]) 

事例

你知道 JavaScript 中的错误对象有哪些类型吗?
你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性

2. RangeError

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

new RangeError([message[, fileName[, lineNumber]]]) 

下面的情况会触发该错误:

1)根据String.prototype.normalize(),我们传递了一个不允许的字符串值。

// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD 
String.prototype.normalize(“-1”) 

2)使用Array构造函数创建非法长度的数组

// RangeError: Invalid array length 
var arr = new Array(-1); 

3)诸如 Number.prototype.toExponential(),Number.prototype.toFixed()或Number.prototype.toPrecision()之类的数字方法会接收无效值。

你知道 JavaScript 中的错误对象有哪些类型吗?

事例

对于数值:

你知道 JavaScript 中的错误对象有哪些类型吗?

对于非数值:

你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性:

你知道 JavaScript 中的错误对象有哪些类型吗?

3. ReferenceError

创建一个error实例,表示错误的原因:无效引用。

new ReferenceError([message[, fileName[, lineNumber]]]) 

事例:

ReferenceError被自动触发。

你知道 JavaScript 中的错误对象有哪些类型吗?

显式抛出ReferenceError

你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性

你知道 JavaScript 中的错误对象有哪些类型吗?

4. SyntaxError

创建一个error实例,表示错误的原因:eval()在解析代码的过程中发生的语法错误。

换句话说,当 JS 引擎在解析代码时遇到不符合语言语法的令牌或令牌顺序时,将抛出SyntaxError。

捕获语法错误:

你知道 JavaScript 中的错误对象有哪些类型吗?

创建一个SyntaxError:

你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性:

你知道 JavaScript 中的错误对象有哪些类型吗?

5. TypeError

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

new TypeError([message[, fileName[, lineNumber]]]) 

下面情况会引发 TypeError:

  • 在传递和预期的函数的参数或操作数之间存在类型不兼容。
  • 试图更新无法更改的值。
  • 值使用不当。

例如:

你知道 JavaScript 中的错误对象有哪些类型吗?

捕获TypeError:

你知道 JavaScript 中的错误对象有哪些类型吗?

创建 TypeError:

你知道 JavaScript 中的错误对象有哪些类型吗?

浏览器兼容性:

你知道 JavaScript 中的错误对象有哪些类型吗?

6. URIError

创建一个error实例,表示错误的原因:给 encodeURI()或 decodeURl()传递的参数无效。

如果未正确使用全局URI处理功能,则会发生这种情况。

你知道 JavaScript 中的错误对象有哪些类型吗?

简单来说,当我们将不正确的参数传递给encodeURIComponent()或decodeURIComponent()函数时,就会引发这种情况。

new URIError([message[, fileName[, lineNumber]]]) 

encodeURIComponent()通过用表示字符的UTF-8编码的一个,两个,三个或四个转义序列替换某些字符的每个实例来对URI进行编码。

// "https%3A%2F%2Fmedium.com%2F" 
encodeURIComponent('https://medium.com/'); 

decodeURIComponent()——对之前由encodeURIComponent创建的统一资源标识符(Uniform Resource Identifier, URI)组件进行解码。

// https://medium.com/ 
decodeURIComponent("https%3A%2F%2Fmedium.com%2F") 

捕捉URIError:

你知道 JavaScript 中的错误对象有哪些类型吗?

显式抛出URIError:

你知道 JavaScript 中的错误对象有哪些类型吗?

相关推荐