7种你应该知道的JavaScript常见的错误
7种你应该知道的JavaScript常见的错误
从浏览器的控制台到运行Node.js的计算机终端,我们到处都会看到各类错误。
这篇文章的重点是概述我们在JS开发过程中可能遇到的错误类型。
- RangeError
当数字超出允许的值范围时,将抛出此错误。
例如,
1
2
3
const l = console.log
const arr = [90,88]
arr.length=90**99
我们有一个带有两个元素的arr。接下来,我们尝试使数组包含90**99 == 2.9512665430652753e+193元素。
这个数字超出了大小数组可以增长的范围。所以运行时它会抛出RangeError:
1
2
3
4
5
$ node errors
errors.js:4
arr.length=90**99
^
RangeError: Invalid array length
因为我们要增加arr数组的数量超出了JS指定的范围。
- ReferenceError
当对变量/项的引用被破坏或不存在时,将引发此错误。也就是说,变量/项不存在。
例如,
1
2
3
4
5
const l=console.log
const cat = "cat"
cat
dog
我们有一个变量cat初始化为“ cat”。接下来,我们引用cat变量和dog变量。cat变量存在,而dog变量不存在。
cat将返回“ cat”,而dog会引发ReferenceError,因为在环境记录中找不到名为dog的变量。
1
2
3
4
5
6
$ node errors
errors.js:3
dog
^
ReferenceError: dog is not defined
每当我们创建或定义变量时,变量名称都会写入环境记录中。此环境记录就像键值存储表一样,如下图:
1
2
3
4
5 | |
---|---|
Key | Value |
每当我们引用变量时,它都会存储程序中定义的变量。当在记录中找到环境值并提取并返回值时,将以该变量的名称作为关键字搜索环境记录。调用尚未定义的函数。
现在,当我们创建或定义一个没有赋值的变量时。变量将键作为变量名写入环境记录,但该值将保持未定义状态。
1
2
3
4
5
6
7
8
var cat
env record | |
---|---|
Key | Value |
稍后为变量分配值时,将在env记录中搜索该变量,当发现该初始未定义值时,该赋值将被覆盖。
1
2
3
4
5
6
7
8
9
var cat
cat = "cat"
env record | |
---|---|
Key | Value |
因此,当在env记录中找不到变量名时,JS引擎会抛出RefernceError。
1
2
3
4
5
6
7 | |
---|---|
Key | Value |
cat // "cat", yes, :) it's there
dog // :( what's this? can't find it
注意:未定义的变量不会抛出ReferenceError,因为它存在于环境记录中只是它的值尚未设置。
- SyntaxError
这是我们遇到的最常见的错误。当我们键入JS引擎难以理解的代码时,会出现此错误。解析期间,JS引擎捕获了此错误。
在JS引擎中,我们的代码经历了不同的阶段,然后才能在终端上看到运行结果。
标记化
解析
执行
标记化将源代码分解为各个单元。在这个阶段,将对数字,关键字,文字,运算符进行分类并分别进行标记。接下来,生成的token流将传递到解析阶段,由解析器处理。这是从token生成AST的地方。AST是我们代码结构的抽象数据结构。
在标记化和解析这两个阶段,如果我们代码的语法不符合JS的语法规则,则会使执行阶段失败并引发SyntaxError。例如,
1
2
const l = console.log
let cat h =“ cat”
这里的“h”明显是多余的,所以由于多了这个字符,会导致引擎抛出SyntaxError
1
2
3
4
5
6
$ node errors
errors.js:3
let cat h = "cat"
^
SyntaxError: Unexpected identifier
很显然,Node.js引擎发现了错误,由于这个不和谐字符的出现,导致cat变量的声明失败了。
- TypeError
TypeError 是指对象用来表示值的类型非预期类型时发生的错误。例如,我们期望它是布尔值,但结果发现它是string类型。
再例如:
1
2
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,因为它操作的数据类型错误。
- URIError
这说明了使用一种全局URI处理功能与其定义不兼容。
JS中的URI(统一资源指示符)具有以下功能:decodeURI,decodeURIComponent等。
如果我们用错误的参数调用其中任何一个,我们将得到一个URIError。
1
2
3
4
decodeURI("%")
^
URIError: URI malformed
encodeURI,获取URI的未编码版本。“%”不是正确的URI,因此引发了URIError。
编码或解码URI时出现问题时,将引发URIError。
- EvalError
如果非法调用 eval(),则抛出 EvalError 异常。
根据EcmaSpec 2018版:
此异常不再会被JavaScript抛出,但是EvalError对象仍然保持兼容性。
- InternalError
该错误在JS引擎内部发生,特别是当它有太多数据要处理并且堆栈增长超过其关键限制时。
当JS引擎被太多的递归,太多的切换情况等淹没时,就会发生这种情况
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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
}
太多的递归,一个简单的例子是这样的:
1
2
3
4
function foo() {
foo()
}
foo()
结论
正如我们所说,没有人能不犯错误。就我们输入的代码而言,发生错误是难以避免的。不过为了避免更多的错误出现,我们需要知道抛出的错误的类型是什么,我们该如何解决。
所以我们在这篇文章中列出了它们,并提供了一些示例来简要的来介绍了它们是如何发生的。
最后,希望本文的一些浅见能为你写出更好的代码提供一些帮助,谢谢!
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。
原文出处:https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Java IO概述
Java IO概述Java中的IO接口是程序用来进行数据输入输出的接口。数据的输入来源和输出目的地可以是下面的对象: 文件管道网络连接内存缓存System.in,System.out,System.error(注:Java标准输入、输出、错误输出)关于普通Java IO的学习,需要掌握下面几点: 流的概念流的分类方式(输入流/输出流 字符流/字节流)常见的对象及其作用掌握文件读写/异常处理代码(重要)文件FIle#File类是Java中和平台无关的文件、文件夹的抽象。需要注意的是通过File类不能访问文件本身的内容,如果需要访问文件的内容需要通过输入输出流。File类的常见作用如下: 检测文件是否存在读取文件长度重命名或移动文件删除文件检测某个路径是文件还是目录读取目录中的文件列表File类有个比较有趣的方法需要提下。File类的list()方法可以列举出当前文件夹下的文件名,而且这个方法可以接收一个过滤器,只显示符合某些规则的文件。 流#在Java IO中,流是一个核心的概念。流从概念上来说是一个连续的数据流。你既可以从流中读取数据,也可以往流中写数据。流与数据源或者数据流向的媒介相...
- 下一篇
外部配置属性值是如何被绑定到XxxProperties类属性上的?--SpringBoot源码(五)
注:该源码分析对应SpringBoot版本为2.1.0.RELEASE 1 前言 本篇接 SpringBoot是如何实现自动配置的?--SpringBoot源码(四) 温故而知新,我们来简单回顾一下上篇的内容,上一篇我们分析了SpringBoot的自动配置的相关源码,自动配置相关源码主要有以下几个重要的步骤: 从spring.factories配置文件中加载自动配置类; 加载的自动配置类中排除掉@EnableAutoConfiguration注解的exclude属性指定的自动配置类; 然后再用AutoConfigurationImportFilter接口去过滤自动配置类是否符合其标注注解(若有标注的话)@ConditionalOnClass,@ConditionalOnBean和@ConditionalOnWebApplication的条件,若都符合的话则返回匹配结果; 然后触发AutoConfigurationImportEvent事件,告诉ConditionEvaluationReport条件评估报告器对象来分别记录符合条件和exclude的自动配置类。 最后spring再将最后筛...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS6,CentOS7官方镜像安装Oracle11G
- CentOS关闭SELinux安全模块
- CentOS7设置SWAP分区,小内存服务器的救世主
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS7,CentOS8安装Elasticsearch6.8.6
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长