主进程中发生javascript错误_你知道 JavaScript 中的错误对象有哪些类型吗?

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

属性

Error 对象具有2个属性

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

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

message-设置或返回错误消息

f484bcc9d5b3b240e9918e3e616ade45.png

事例

1.通用的错误

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

5248cc2274d824d20bbbfc2804e8cadf.png

2.处理特定的错误类型

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

17730f3fe81d3d7823055e964c1531d6.png

3.自定义错误类型

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

9a872846146e4024e55d6f45a3d0f6f0.png

浏览器兼容性

afec6b138945e89792981e27873c1d63.png

Error 的对象类型

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

1. EvalError

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

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

语法

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

事例

fce6b3b6c44f249e703bc9256c496d80.png

浏览器兼容性

ea9d275af2b3332853bc5f1f77a4105a.png

2. RangeError

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

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

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

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

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

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

// RangeError: Invalid array lengthvar arr = new Array(-1);

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

40ea6db58a549ead786075e3f358bc03.png

事例

对于数值

70ffb74bb836ebf6fa6f47cf72ab2589.png

对于非数值

5caba12628605471688f93c509f1932a.png

浏览器兼容性

c9b2ea327986efa2b7e9a4c08ac3f5f7.png

3. ReferenceError

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

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

事例

ReferenceError被自动触发。

08539aef02dd15abf169fe89e2062993.png

显式抛出ReferenceError

53e184e5dadfa13efd48ffa5f8f8007a.png

浏览器兼容性

760a491126ccfd261724a07118cbc960.png

4. SyntaxError

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

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

捕获语法错误

2555ef57bf9851abf3ef3d2bbc246c85.png

创建一个SyntaxError

3aa48420661398944de1d7f1a992291b.png

浏览器兼容性

d09065d9b5eb51d8767f1933c0e60c36.png

5. TypeError

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

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

下面情况会引发 TypeError:

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

例如:

d1f7dc8056ba0ce84a3b982bb36c274d.png

捕获TypeError

6a0ede0c6f4cbe2f4ef2e8e4b4c85aac.png

创建 TypeError

80d36c3b3469464a745e9c6e5faaaa34.png

浏览器兼容性

95e2826e96bd69740ff63a9db2237dbf.png

6. URIError

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

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

c112b2a20943b2f6380febd96c257da1.png

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

9a334879e2aaebcc71d03661ddaf82a1.png

显式抛出URIError

834a7213a0475d861f0fec3358b1ab84.png

浏览器兼容性

05fddfc952cd07c039f9117e759095e0.png

作者:Isha Jauhari 译者:前端小智 来源:dottoro原文:http://help.dottoro.com/ljfhismo.php


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/521067.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSDN 1024,“猿”来在等你!

戳蓝字“CSDN云计算”关注我们哦!技术深不可测、薪资难以想象、着装招人吐槽、发量让人惊叹、笑点着实密集、情商令人堪忧......在这个你我他她它通过网络紧密互联、消息实时互通的 21 世纪,人们对身处技术至高点的程序员们仍然有着以上不接地气、呆板保…

BigData:值得了解的十大数据发展趋势

当今,世界无时无刻不在发生着变化。对于技术领域而言,普遍存在的一个巨大变化就是为大数据(Big data)打开了大门,并应用大数据技相关技术来改善各行业的业务并促进经济的发展。目前,大数据的作用已经上升到…

基于FPGA的图像Robert变换实现,包括tb测试文件和MATLAB辅助验证

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 fpga的结果导入到matlab显示: 2.算法运行软件版本 vivado2019.2 matlab2022a 3.部分核心程序 ..................................…

RabbitMQ 镜像集群配置_05

接上一篇:(企业级) RabbitMQ 普通集群配置_04 文章目录一、RabbitMQ 策略实战1. 创建RabbitMQ 策略2. ly-01节点查看创建RabbitMQ 策略3. 登录ly-02管控台查看创建RabbitMQ 策略4. 登录ly-03管控台查看创建RabbitMQ 策略二、添加队列测试2.1. 添加队列2.2. Queues菜…

2018年9月杭州云栖大会Workshop - 基于日志的安全分析实战

基于日志的安全分析实战 背景 越来越多的企业开始重视构建基于日志的安全分析与防护系统。我们会讲述如何使用日志服务从0到1收集海量日志,并从中实时筛选、甄别出可疑操作并快速分析,进一步构建安全大盘与可视化。并通过实战方式,演练覆盖…

python的图书管理项目教程_基于python图书馆管理系统设计实例详解

写完这个项目后,导师说这个你完全可以当作毕业项目使用了,写的很全,很多的都设计考虑周全,但我的脚步绝不止于现在,我想要的是星辰大海!与君共勉!这个项目不是我的作业, 只是无意中被…

不服OceanBase跑分?今天起可到阿里云上一战

蚂蚁金服自研数据库OceanBase登顶TPC-C榜单的消息振奋人心,同时引起国内技术圈的广泛讨论,第一个云上跑出来的数据库分数含金量如何?其他数据库有没有可能更强? 针对这些疑惑,10月24日阿里云以一种最为直接的方式作出…

张勇:新技术是阿里“五新战略”的引擎

9月19日,云栖大会再次在杭州开幕。上千位顶级学者、行业专家,来自64个国家的CEO和CTO齐聚云栖小镇。这已经是这个盛大的年度技术大会的第十年。 阿里巴巴集团CEO张勇在主论坛致辞中表示,“阿里巴巴永远是一家技术驱动,使商业有所…

钉钉视频会议

基于 DingTalk_v5.0.0.74版本制作

java 杭州专卖店_杭州JAVA哪家有名气

针对零基础学习的人,从对计算机操作等知识的了解,延伸到Java语言的发展与开发工具的使用上。主要是让你知道怎样执行计算机命令,认识Java这门语言,感受编程语言Java怎么开发程序。1)计算机基础让零基础学习的人先了解计算机相关知…

阿里云总裁胡晓明:“这些新杭州故事,明天将会在更多城市发生”

9月19日,2018杭州云栖大会现场,杭州城市大脑2.0正式发布,管辖范围扩大28倍,覆盖面积增至420平方公里,相当于65个西湖大小。 ET城市大脑等数字化城市解决方案,掀开了“杭州故事”的新篇章。今天的杭州&…

图书馆管理系统怎么做_亚马逊erp管理系统有免费的吗?亚马逊erp管理系统怎么免费做...

我做跨境电商也有六年的时间了,在电商这个行业也有自己的一些经验。经验也许没有其他大卖家丰富,但会将我知道的都进行分享。如果有不懂得亚马逊问题可以我(V:772024802)。我这里给大家安排一堂直播课,可以系统的帮你解决做亚马逊…

程序员去交友网站找女友,没想到找到了这个...

1024程序员节,CSDN旗下的码书商店为程序员放个“价”(10月25日截止),全场所有书籍8折,电子产品可以拥有大额优惠券,购买前可加文末客服微信领取优惠券哦卫衣原价249元,1024活动价159元&#xff…

云栖大会 | 马云提出“新制造”战略将影响全球

9月19日,马云在“2018杭州•云栖大会”全面阐释对于新制造的思考。他表示,新制造很快会对全中国乃至全世界的制造业带来席卷性的威胁和席卷性的机会,所有的制造行业所面临的痛苦将远远超出想象,新制造为企业带来新机遇。 马云还特…

java dateutils_Java DateUtils java时间工具类 kaki的博客

import java.text.SimpleDateFormat;import java.util.*;java/*** 日期操做工具类*/public class DateUtils {/*** 日期转换- String -> Date** param dateString 字符串时间* return Date类型信息* throws Exception 抛出异常*/public static Date parseString2Date(Strin…

python更改数据框指定位置的数据_python – 更改数据框中多个loc的最快方法

通过zip从两个列表创建的字典使用map,最后在fillna之前替换为原始的非匹配值:d dict(zip(L2, L5))print (d){-1: 9, -3: 10, -4: 11}df[a] df[a].map(d).fillna(df[a])print (df)a b0 9.0 231 10.0 452 11.0 673 11.0 894 10.0 05 4.0 -16 5.0 27 6.0 3性能&#…

流言终结者- Flutter和RN谁才是更好的跨端开发方案?

背景 论坛上很多小伙伴关心为什么闲鱼选择了Flutter而不选择其他跨端方案?站在质量的角度,高性能是一个很重的因素,我们使用Flutter重写了宝贝详情页之后,对比了Flutter和Native详情页的性能表现,结论是中高端机型上F…

【独家揭秘】阿里怎么做双11全链路压测?| CSDN 博文精选

戳蓝字“CSDN云计算”关注我们哦!作者 | 牛兔转自 | CSDN企业博客责编 | 阿秃阿里妹导读:全链路压测是阿里的首创,我们将从工作内容、操作过程、运行总结等多个方向来介绍下阿里内部典型电商活动(如双11准备&#xff…

Centos7 使用Docker 安装Oracle 截图+关键步骤说明

yum install dockerdocker -v systemctl start docker systemctl status dockerdocker拉取镜像 docker pull registry.cn-hangzhou.aliyuncs.com/helowin/oracle_11g#查看拉去的oracle镜像 docker images创建Oracle容器 docker run -d -p 1521:1521 --name oracle_11g registr…