前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >你必须掌握的 7 种 JavaScript 错误类型

你必须掌握的 7 种 JavaScript 错误类型

原创
作者头像
用户8983410
修改2021-09-19 20:22:54
3.9K0
修改2021-09-19 20:22:54
举报

从浏览器控制台到运行Node.js的计算机终端,我们到处都会看到错误。

这篇文章重点介绍了在JS开发过程中可能遇到的 7 种错误类型。

1、 RangeError 范围错误

当数字超出允许的值范围时,将抛出此错误;或者JS执行进入死循环。

const log = console.log

const arr = [90,88]

arr.length = 90**99

我们有一个数组,带有两个元素的arr。 接下来,我们尝试将数组扩展为包含90 ** 99 = 2.9512665430652753e + 193元素。

这个数字超出了数组最大的长度范围。 运行它会抛出RangeError:

arr.length = 90**99

^

RangeError: Invalid array length

at <anonymous>:3:12

因为我们要增加arr数组的数量超出了JS指定的范围。

2、 ReferenceError 引用错误

当对变量/项目的引用被破坏时,将引发此错误。 那是变量/项目不存在。

const log = console.log

const cat = "cat"

cat

dog

我们有一个变量cat初始化为"cat"。 接下来,我们参考cat变量和dog变量。 cat变量存在,而dog变量不存在。

cat将返回"cat",而dog将引发参考错误,因为在环境记录中找不到名称dog。

dog

^

ReferenceError: dog is not defined

每当我们创建或定义变量时,变量名称都会写入环境记录中。 此环境记录就像键值存储一样,

+-------------+

| Key | Value |

---------------

| cat | "cat" |

+-------------+

每当我们引用变量时,它都会存储程序中定义的变量。 当在记录中找到环境值并提取并返回值时,将以该变量的名称作为关键字搜索环境记录。 调用尚未定义的函数。

现在,当我们创建或定义一个没有赋值的变量时。 该变量以键作为变量名称写入环境记录,但该值将保持未定义状态。

var cat

env record

+-----------------+

| Key | Value |

-------------------

| cat | undefined |

+-----------------+

稍后为变量分配值时,将在env记录中搜索该变量,当找到初始未定义值时,该赋值将被覆盖。

var cat

cat = "cat"

env record

+-------------+

| Key | Value |

---------------

| cat | "cat" |

+-------------+

因此,当在环境记录中找不到变量名时,JS引擎会引发ReferenceError。

+-------------+

| Key | Value |

---------------

| cat | "cat" |

+-------------+

cat // "cat", yes, :) it's there

dog // :( what's this? can't find it

注意:未定义的变量不会抛出ReferenceError,因为它存在于环境记录中只是它的值尚未设置。

1

3.SyntaxError 语法错误

这是我们遇到的最常见的错误。 当我们键入JS引擎可以理解的代码时,会发生此错误。

解析期间,JS引擎捕获了此错误。 在JS引擎中,我们的代码经过不同的阶段,然后才能在终端上看到这些结果。

tokenization 标记化

parsing 解析

interpreting 编译

标记化将代码的源分解为各个单元。 在此阶段,将对数字,关键字,文字,运算符进行整理并分别进行标记。

接下来,生成的令牌流将传递到解析阶段,由解析器处理。 这是从令牌流生成AST的地方。 AST是我们代码结构的抽象表示。

在这两个阶段,即标记化和解析,如果我们代码的语法/源不符合JS的语法规则,则会使阶段失败并引发SyntaxError。 例如,

const log = console.log

let cat h = "cat"

单独的h代表什么? 那里的h破坏了代码。

let cat h = "cat"

^

SyntaxError: Unexpected identifie

因此,我们可以说语法错误发生在解析/编译期间。

4.TypeError 类型错误

当其他NativeError对象中没有一个是失败原因的适当指示时,TypeError用于指示操作失败。

对错误的数据类型执行操作时会发生TypeError。 可能是布尔值,但是找到了ing。

例如,

如果我们尝试将数字转换为大写,如下所示:

const num = 123

num.toUpperCase()

将抛出一个 TypeErro

num.toUpperCase()

^

TypeError: num.toUpperCase is not a function

因为toUpperCase函数需要字符串数据类型。 toUpperCase函数是有意通用的; 它不需要其this值为String对象。 因此,可以将其转移到其他类型的对象中用作方法。

如果我们对Objects,Boolean,Symbol,null,undefined数据类型调用toUpperCase函数,则只有字符串会转换为大写或小写形式,我们将得到TypeError,因为它操作的数据类型错误。

5. URIErro

这表明使用一种全局URI处理功能与其定义不兼容。

JS中的URI(统一资源指示符)具有以下功能:decodeURI,decodeURIComponent等。

如果我们使用错误的参数调用它们中的任何一个,我们将得到URIErro

decodeURI("%")

^

URIError: URI malformed

encodeURI,获取URI的未编码版本。 "%"不是正确的URI,因此引发了URIError。

如果对URI进行编码或解码有问题,则会引发URIError。

6.EvalErro

在使用全局eval()函数时,此函数用于识别错误。

根据EcmaSpec 2018版:

此规范当前未使用此异常。 保留该对象是为了与本规范的先前版本兼容。

7.InternalError 内部错误

该错误在JS引擎内部发生,特别是当它有太多数据要处理并且堆栈增长超过其关键限制时。

当JS引擎被太多的递归,太多的切换情况等淹没时,就会发生这种情况

switch(num) {

case 1:

...

break

case 2:

...

break

case 3:

...

break

case 4:

...

break

case 5:

...

break

case 6:

...

break

case 7:

...

break

... up to 1000 cases

}

太多的递归,一个简单的例子是这样的:

function foo() {

foo()

}

foo()

总结

正如我们所说,没有人能避免犯错误。 就我们键入代码而言,这是一个稳定的事件。 为了克服它,我们需要知道可以抛出的本机错误的类型。 我们在这篇文章中列出了它们,并提供了一些示例来说明它们是如何遇到的。

因此,无论何时在终端或浏览器中引发错误,您现在都可以轻松发现错误发生的位置和方式,并编写更好,更不易出错的代码。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档