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

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

属性

Error 对象具有2个属性

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

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

message-设置或返回错误消息

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

事例

1.通用的错误

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


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


2.处理特定的错误类型

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


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


3.自定义错误类型

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


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


浏览器兼容性

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

Error 的对象类型

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

1. EvalError

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

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

语法

<code>new EvalError([message[, fileName[, lineNumber]]])/<code>

事例


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


浏览器兼容性

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

2. RangeError

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

<code>new RangeError([message[, fileName[, lineNumber]]])/<code>

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

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

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

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

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

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


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

事例

对于数值


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


对于非数值


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


浏览器兼容性

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

3. ReferenceError

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

<code>new ReferenceError([message[, fileName[, lineNumber]]])/<code>

事例

ReferenceError被自动触发。


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


显式抛出ReferenceError


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


浏览器兼容性

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

4. SyntaxError

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

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

捕获语法错误


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


创建一个SyntaxError


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


浏览器兼容性

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

5. TypeError

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

<code>new TypeError([message[, fileName[, lineNumber]]])/<code>

下面情况会引发 TypeError:

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

例如:


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


捕获TypeError


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


创建 TypeError


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


浏览器兼容性

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

6. URIError

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

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

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

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

<code>new URIError([message[, fileName[, lineNumber]]])/<code>

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

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

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

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

捕捉URIError


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


显式抛出URIError


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


浏览器兼容性

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


作者:Isha Jauhari 译者:前端小智 来源:dottoro原文:http://help.dottoro.com/ljfhismo.php



分享到:


相關文章: