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

969 阅读2分钟

一览

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

Syntax Error

原因

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

解决方案

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

image-20230519203821945

Reference Error

原因

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

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

解决方案

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

image-20230519203903686

Type Error

原因

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

解决方案

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

image-20230519203930678

类似的错误还有以下

image-20230519205552669


image-20230519205643478

Range Error

原因

传入的参数超出有效范围

解决方案

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

image-20230519204455569

URI Error

原因

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

解决方案

检查参数即可

image-20230519210101692