详解JavaScript中的六种错误类型

发布时间 - 2026-01-11 03:21:02    点击率:

刚入前端坑,英语又不太好的同学,是不是还在为控制台的错误抓耳挠腮?今天就带大家看一看JavaScript中常见的错误类型。

js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。

1. SyntaxError:语法错误

// 1. Syntax Error: 语法错误
// 1.1 变量名不符合规范
var 1       // Uncaught SyntaxError: Unexpected number
var 1a       // Uncaught SyntaxError: Invalid or unexpected token
// 1.2 给关键字赋值
function = 5     // Uncaught SyntaxError: Unexpected token = 

2. Uncaught ReferenceError:引用错误

引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象,比如对函数的运行结果或者函数赋值。

// 2.1 引用了不存在的变量
a()       // Uncaught ReferenceError: a is not defined
console.log(b)     // Uncaught ReferenceError: b is not defined
// 2.2 给一个无法被赋值的对象赋值
console.log("abc") = 1   // Uncaught ReferenceError: Invalid left-hand side in assignment

3. RangeError:范围错误

RangeError是当一个只超出有效范围时发生的错误。主要的有几种情况,第一是数组长度为负数,第二是Number对象的方法参数超出范围,以及函数堆栈超过最大值。

// 3.1 数组长度为负数
[].length = -5      // Uncaught RangeError: Invalid array length
// 3.2 Number对象的方法参数超出范围
var num = new Number(12.34)
console.log(num.toFixed(-1))   // Uncaught RangeError: toFixed() digits argument must be between 0 and 20 at Number.toFixed
// 说明: toFixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-20.

4. TypeError类型错误

变量或参数不是预期类型时发生的错误。比如使用new字符串、布尔值等原始类型和调用对象不存在的方法就会抛出这种错误,因为new命令的参数应该是一个构造函数。

// 4.1 调用不存在的方法
123()        // Uncaught TypeError: 123 is not a function
var o = {}
o.run()        // Uncaught TypeError: o.run is not a function
// 4.2 new关键字后接基本类型
var p = new 456      // Uncaught TypeError: 456 is not a constructor

5. URIError,URL错误

主要是相关函数的参数不正确。

decodeURI("%")     // Uncaught URIError: URI malformed at decodeURI

URI相关参数不正确时抛出的错误,主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()六个函数。

6. EvalError eval()函数执行错误

在ES5以下的JavaScript中,当eval()函数没有被正确执行时,会抛出evalError错误。

例如下面的情况:

var myEval = eval;
myEval("alert('call eval')");

需要注意的是:ES5以上的JavaScript中已经不再抛出该错误,但依然可以通过new关键字来自定义该类型的错误提示。

以上的6种派生错误,连同原始的Error对象,都是构造函数。开发者可以使用它们,认为生成错误对象的实例。

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

第一个参数表示错误提示信息,第二个是文件名,第三个是行号。

总结

以上所述是小编给大家介绍的JavaScript中的六种错误类型,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# js  # 错误类型  # 解决 JScript 中使用日期类型数据时出现类型错误的问题  # 简单聊聊Js中的常见错误类型  # 不存在  # 抛出  # 就会  # 行号  # 不正确  # 小编  # 这一类  # 的是  # 都是  # 长度为  # 是一个  # 抓耳挠腮  # 第一个  # 还在  # 在此  # 提示信息  # 可以通过  # 第二个  # 给大家  # 在那 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: JavaScript实现Fly Bird小游戏  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  实例解析Array和String方法  简单实现jsp分页  Java遍历集合的三种方式  Laravel如何实现API版本控制_Laravel版本化API设计方案  javascript中数组(Array)对象和字符串(String)对象的常用方法总结  详解Android中Activity的四大启动模式实验简述  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  Laravel定时任务怎么设置_Laravel Crontab调度器配置  安克发布新款氮化镓充电宝:体积缩小 30%,支持 200W 输出  Python正则表达式进阶教程_复杂匹配与分组替换解析  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  如何在云主机上快速搭建网站?  EditPlus中的正则表达式实战(6)  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  Linux系统运维自动化项目教程_Ansible批量管理实战  Thinkphp 中 distinct 的用法解析  Linux后台任务运行方法_nohup与&使用技巧【技巧】  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  ,南京靠谱的征婚网站?  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  如何在IIS服务器上快速部署高效网站?  英语简历制作免费网站推荐,如何将简历翻译成英文?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  html5的keygen标签为什么废弃_替代方案说明【解答】  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  动图在线制作网站有哪些,滑动动图图集怎么做?  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  如何安全更换建站之星模板并保留数据?  Laravel如何实现数据库事务?(DB Facade示例)  如何在阿里云服务器自主搭建网站?  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  如何在服务器上配置二级域名建站?  java获取注册ip实例  Laravel如何使用Blade模板引擎?(完整语法和示例)  利用JavaScript实现拖拽改变元素大小  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  如何用狗爹虚拟主机快速搭建网站?  如何在Tomcat中配置并部署网站项目?  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  怎么用AI帮你设计一套个性化的手机App图标?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南