17

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

 4 years ago
source link: http://developer.51cto.com/art/202003/612943.htm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

属性

Error 对象具有2个属性:

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

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

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

M3Iveiz.jpg!web

事例

1. 通用的错误

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

bQfAV3m.jpg!web

2. 处理特定的错误类型

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

QN3MNb3.jpg!web

3. 自定义错误类型

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

zqmQf2e.jpg!web

Q7VzumB.jpg!web

浏览器兼容性

Error 的对象类型

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

1. EvalError

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

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

语法:

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

事例

QFjuUrA.jpg!web
zq6fmiJ.jpg!web

浏览器兼容性

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()之类的数字方法会接收无效值。

7vMBFnn.jpg!web

事例

对于数值:

FBBBFv3.jpg!web

对于非数值:

AzAbmij.jpg!web

浏览器兼容性:

EV3yiu6.jpg!web

3. ReferenceError

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

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

事例:

ReferenceError被自动触发。

77ZzYzy.jpg!web

显式抛出ReferenceError

e6jaayj.jpg!web

浏览器兼容性

z2YNVvB.jpg!web

4. SyntaxError

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

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

捕获语法错误:

7fiYNbr.jpg!web

创建一个SyntaxError:

nMNF3yq.jpg!web

浏览器兼容性:

JjQrIb7.jpg!web

5. TypeError

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

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

下面情况会引发 TypeError:

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

例如:

I3u6vmv.jpg!web

捕获TypeError:

fy6VVnV.jpg!web

创建 TypeError:

aaMNfmF.jpg!web

浏览器兼容性:

eEnaQfA.jpg!web

6. URIError

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

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

V3A7beQ.jpg!web

简单来说,当我们将不正确的参数传递给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:

nmEJNfB.jpg!web

显式抛出URIError:

MNRJVfF.jpg!web

浏览器兼容性:

ZRVJFji.jpg!web


Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK