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

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

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

属性

Error 对象具有2个属性:

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

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

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

[[319478]]

事例

1. 通用的错误

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

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

2. 处理特定的错误类型

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

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

3. 自定义错误类型

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

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

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

浏览器兼容性

Error 的对象类型

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

1. EvalError

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

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

语法:

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

事例

 

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

 

 

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

 

浏览器兼容性

2. RangeError

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

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

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

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

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

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

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

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

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

事例

对于数值:

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

对于非数值:

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

浏览器兼容性:

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

3. ReferenceError

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

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

事例:

ReferenceError被自动触发。

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

显式抛出ReferenceError

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

浏览器兼容性

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

4. SyntaxError

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

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

捕获语法错误:

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

创建一个SyntaxError:

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

浏览器兼容性:

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

5. TypeError

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

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

下面情况会引发 TypeError:

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

例如:

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

捕获TypeError:

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

创建 TypeError:

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

浏览器兼容性:

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

6. URIError

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

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

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

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

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

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

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

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

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

捕捉URIError:

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

显式抛出URIError:

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

浏览器兼容性:

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

责任编辑:赵宁宁 来源: 今日头条
相关推荐

2023-04-26 10:06:08

RocketMQ属性Consumer

2024-05-31 08:58:12

2022-09-22 14:55:31

前端JavaScripthis

2022-09-26 13:10:17

JavaScriptthis

2022-05-18 09:01:31

JavaScriptEvalErrorURIError

2010-04-16 14:51:05

网络流量

2021-03-11 07:26:52

垃圾回收器单线程

2023-10-16 23:12:02

Redis数据结构

2022-08-02 06:55:35

移动设备Android

2022-06-30 13:41:44

SQL 语句group by

2024-05-13 08:16:59

React任务调度链表结构

2022-12-09 19:00:02

Vite兼容性BigInt

2020-11-04 17:35:39

网络安全漏洞技术

2022-03-10 08:25:27

JavaScrip变量作用域

2024-05-15 18:59:01

JavaScript语言原型

2019-04-30 08:25:35

2021-08-31 09:55:57

服务开发K8S

2023-11-29 07:38:33

JavaScript异步处理

2024-10-22 09:59:36

虚拟化容器化系统

2023-12-07 07:08:09

Angular函数
点赞
收藏

51CTO技术栈公众号