原生js常见报错及其处理方案

简介: 原生js常见报错及其处理方案

一览

错误类型 解释
Syntax Error 语法错误,JavaScript 无法解析代码
Reference Error 引用不存在的变量
Type Error 变量或参数不是预期的类型
URI Error URI 处理函数使用了无效的 URI
Eval Error eval()函数使用错误
Range Error 数值超出有效范围

Syntax Error

原因

这个错误是比较低级的错误,就是浏览器检查代码语法都不对,就不会帮你执行,直接报错了

解决方案

看错误提示的代码行号,定位到对应位置,然后修改好即可

E7GY3X)1_VQJC)YZEXMAM_4.png

Reference Error

原因

表示代码中使用的变量 未定义,也就是该变量没有被 let 或者 const 声明过,或者不是一个函数的参数、或者不是一个全局变量。 常见的原因

  1. 单词写错
  2. 忘记使用 letconst 声明了。

解决方案

看清楚是哪个变量未定义,然后定位到具体代码行数,来修复它。该定义就定义,写错单词就修改单词。

Z1A_OT]21OBA$3%FVS9}6_3.png

Type Error

原因

出现这个错误的原因是 类型不对。比如 字符串类型的变量使用了字符串类型的方法,字符串类型的变量使用了数组类型的方法、又或者是单词写错。 如 a.psuh 等。

解决方案

先解决单词写错的问题,如 pauh。然后检查是不是数据类型和对应的方法记错了。 如 [].toFixed() 就是数组使用了字符串的方法。然后仔细对比。

AGJ9IW]7~89IY9T8P(3ZGJY.png

类似的错误还有以下

D6N(FWCTN`PXHKQ3WA{}W9F.png


(IY$QLZX68I31X(%R4XKH1O.png

Range Error

原因

传入的参数超出有效范围

解决方案

仔细查看错误提示,调整参数的数值即可

5Q%W7I0TWA(46RL7}7VZR2F.png

URI Error

原因

全局的| URI 处理函数接收了错误的参数

解决方案

检查参数即可

`@P~]$H6ERPYAJ3G3~15G84.png

目录
相关文章
|
27天前
|
JavaScript 前端开发 开发工具
【Azure Developer】使用JavaScript通过SDK进行monitor-query的client认证报错问题
AADSTS90002: Tenant 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' not found. Check to make sure you have the correct tenant ID and are signing into the correct cloud. Check with your subscription administrator, this may happen if there are no active subscriptions for the tenant.
|
2月前
|
自然语言处理 JavaScript 前端开发
一文梳理JavaScript中常见的七大继承方案
该文章系统地概述了JavaScript中七种常见的继承模式,包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承等,并探讨了每种模式的实现方式及其优缺点。
一文梳理JavaScript中常见的七大继承方案
|
3月前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
|
3月前
|
JavaScript
Vue——使用JS文件中的函数ESLint报错未定义
Vue——使用JS文件中的函数ESLint报错未定义
41 0
|
4月前
|
缓存 监控 JavaScript
常见的JS优化方案都有那些
【7月更文挑战第7天】 JavaScript优化包括代码优化(箭头函数、解构赋值、模板字面量、展开运算符、高阶函数)、DOM操作优化(减少操作、事件委托、节流防抖)、异步优化(Promise、Web Workers)、缓存策略(结果缓存、HTTP缓存)、压缩合并以及性能分析和监控。通过这些方法,提升网页性能和用户体验。
31 1
|
4月前
|
JavaScript 前端开发 数据可视化
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
71 2
|
4月前
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
27 1
|
4月前
|
移动开发 运维 JavaScript
阿里云云效操作报错合集之遇到Node.js的内存溢出问题,该怎么办
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
4月前
|
JavaScript Shell 应用服务中间件
阿里云云效操作报错合集之Node.js构建报错,该如何排查问题
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
5月前
|
JavaScript 前端开发 Java
JS经常碰见的报错问题
JS经常碰见的报错问题