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

一览

Syntax Error

原因

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

解决方案

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

image-20230519203821945

Reference Error

原因

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

1. 单词写错
2. 忘记使用 let 和 const 声明了。

解决方案

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

image-20230519203903686

Type Error

原因

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

解决方案

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

image-20230519203930678

类似的错误还有以下

image-20230519205552669

image-20230519205643478

Range Error

原因

传入的参数超出有效范围

解决方案

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

image-20230519204455569

URI Error

原因

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

解决方案

检查参数即可

image-20230519210101692