7种你应该知道的JavaScript常见的错误

极客逐星
• 阅读 934

7种你应该知道的JavaScript常见的错误

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

这篇文章的重点是概述我们在JS开发过程中可能遇到的错误类型。

提示:良好的错误会导致快速而无痛的发展经历与缓慢而令人难受的发展经历之间的区别。在编写可重用的代码时,请确保您编写清晰易懂的错误。

1. RangeError

当数字超出允许的值范围时,将抛出此错误。

例如,

const l = console.log
const arr = \[90,88\]
arr.length=90**99

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

这个数字超出了大小数组可以增长的范围。所以运行时它会抛出RangeError:

$ node errors
errors.js:4
arr.length=90**99
 ^
RangeError: Invalid array length

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

2. ReferenceError

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

例如,

const l=console.log

const cat = "cat"
cat
dog

我们有一个变量cat初始化为“ cat”。接下来,我们引用cat变量和dog变量。cat变量存在,而dog变量不存在。

cat将返回“ cat”,而dog会引发ReferenceError,因为在环境记录中找不到名为dog的变量。

$ node errors
errors.js:3
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" |
+-------------+

因此,当在env记录中找不到变量名时,JS引擎会抛出RefernceError。

+-------------+
| Key | Value |
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
| cat | "cat" |
+-------------+
cat // "cat", yes, :) it's there
dog // :( what's this? can't find it

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

3. SyntaxError

这是我们遇到的最常见的错误。当我们键入JS引擎难以理解的代码时,会出现此错误。解析期间,JS引擎捕获了此错误。

在JS引擎中,我们的代码经历了不同的阶段,然后才能在终端上看到运行结果。

  • 标记化
  • 解析
  • 执行

标记化将源代码分解为各个单元。在这个阶段,将对数字,关键字,文字,运算符进行分类并分别进行标记。接下来,生成的token流将传递到解析阶段,由解析器处理。这是从token生成AST的地方。AST是我们代码结构的抽象数据结构。

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

const l = console.log 
let cat h =“ cat”

这里的“h”明显是多余的,所以由于多了这个字符,会导致引擎抛出SyntaxError

$ node errors
errors.js:3
let cat h = "cat"
 ^

SyntaxError: Unexpected identifier

很显然,Node.js引擎发现了错误,由于这个不和谐字符的出现,导致cat变量的声明失败了。

4. TypeError

TypeError 是指对象用来表示值的类型非预期类型时发生的错误。例如,我们期望它是布尔值,但结果发现它是string类型。

再例如:

const num = 123 
num.toUpperCase()

这会引发TypeError

$ node errors  
errors.js:4  
num.toUpperCase()  
 ^  

TypeError: num.toUpperCase is not a function

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

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

5. URIError

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

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

如果我们用错误的参数调用其中任何一个,我们将得到一个URIError。

decodeURI("%")
^

URIError: URI malformed

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

编码或解码URI时出现问题时,将引发URIError。

6. EvalError

如果非法调用 eval(),则抛出 EvalError 异常。

根据EcmaSpec 2018版:

此异常不再会被JavaScript抛出,但是EvalError对象仍然保持兼容性。

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()

结论

正如我们所说,没有人能不犯错误。就我们输入的代码而言,发生错误是难以避免的。不过为了避免更多的错误出现,我们需要知道抛出的错误的类型是什么,我们该如何解决。

所以我们在这篇文章中列出了它们,并提供了一些示例来简要的来介绍了它们是如何发生的。

最后,希望本文的一些浅见能为你写出更好的代码提供一些帮助,谢谢!

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
梦
4年前
微信小程序new Date()转换时间异常问题
微信小程序苹果手机页面上显示时间异常,安卓机正常问题image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b691e1230e2f15efbd81fe11ef734d4f.png)错误代码vardate'2021030617:00:00'vardateT
Wesley13 Wesley13
3年前
VBox 启动虚拟机失败
在Vbox(5.0.8版本)启动Ubuntu的虚拟机时,遇到错误信息:NtCreateFile(\\Device\\VBoxDrvStub)failed:0xc000000034STATUS\_OBJECT\_NAME\_NOT\_FOUND(0retries) (rc101)Makesurethekern
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
极客逐星
极客逐星
Lv1
北风其凉,雨雪其雾。惠而好我,携手同行。
文章
3
粉丝
0
获赞
0