前端开发中Js常见错误
1.错误分为两种：
（1）代码错误：这种错误浏览器会报错，可以根据错误类型去排错
（2）逻辑错误：这种错误浏览器不会报错，但是可以使用断点进行调试排错
2.代码错误类型
2.1语法错误：
即写的代码不符合js编码规则 报错为：Uncaught Syntaxerror：信息提示；我们可以根据后面的信息提示去修改错误，当然，语法错误，浏览器会直接报错，整个代码都不会执行。
2.2引用错误：
使用了没有定义的变量 报错为：Uncaught ReferenceError：信息提示；错误之前的代码会执行，之后代码不会执行
2.3类型错误：
提供的类型，不是js所需要的； 报错为：Uncaught TypeError：信息提示；错误之前的代码会执行，之后代码不会执行
2.4范围错误：
指定的范围不是JS要求的 报错为：Uncaught RangeError：信息提示；错误之前的代码会执行，之后代码不会执行 3.逻辑错误 这类错误可能是逻辑顺序不正确，这种错误浏览器不会报错，我们可以通过断点调试排除错误
JS常见的报错类型
1.Uncaught TypeError: Cannot read property '' of undefined
常见的一种是在渲染 UI 组件时对于状态的初始化操作不当,当你读取一个未定义的对象的属性或调用其方法时，这个错误会在 Chrome 中出现。
2.TypeError: ‘undefined’is not an object
这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误,Safari 使用了不同的错误消息提示语。
3.TypeError: 'null' is not an object
这是在 Safari 中读取属性或调用空对象上的方法时发生的错误,Safari 使用了不同的错误消息提示语。undefined 通常是一个尚未分配的变量，而 null 表示该值为空。 要验证它们不相等，请尝试使用严格的相等运算符 ===
这种错误可能发生场景是：在加载元素之前尝试在 JavaScript 中使用元素。 因为 DOM API 对于空白的对象引用返回值为 null。
4.(unknown): Script error
当未捕获的 JavaScript 错误（通过window.onerror处理程序引发的错误，而不是捕获在try-catch中）被浏览器的跨域策略限制时，会产生这类的脚本错误。这是一种浏览器安全措施，旨在防止跨域传递数据，否则将不允许进行通信。
5.TypeError: Object doesn’t support property
这是您在调用未定义的方法时发生在 IE 中的错误。 您可以在 IE 开发者控制台中进行测试。
6.TypeError: ... is not a function
调用未定义的函数时，在 Chrome 中产生的错误
7.Uncaught RangeError: Maximum call stack
当你调用一个不终止的递归函数时或者将值传递给超出范围的函数，会报出的错,检查函数的递归调用，确保函数不是无限递归的
8. TypeError: Cannot read property ‘length’of undefined
因为读取未定义变量的长度属性,通常会在数组中找到定义的长度，但是如果数组未初始化或者变量名称在另一个上下文中隐藏，则可能会遇到此错误。
var testArray = ["Test"];
function testFunction(testArray) {
for (var i = 0; i < testArray.length; i++) {
console.log(testArray[i]);
}
}
testFunction();当你用参数声明一个函数时，这些参数变成了函数作用域内的本地参数。这意味着即使你函数外有名为 testArray 的变量，在一个函数中具有相同名字的参数也会被视为本地参数。
9.Uncaught TypeError: Cannot set property ... of undefined
尝试访问一个未定义的变量时，它总是返回 undefined，我们不能获取或设置任何未定义的属性。
10.ReferenceError: ... is not defined
当您尝试访问未定义的变量或超出当前范围的变量时，会引发此错误。
11.Uncaught exception: ReferenceError: Cannot assign to ‘this’
尝试给一个不能被赋值的变量赋值时将发生该错误，确保不给函数函数的返回值或 this 关键字赋值。
12.Uncaught TypeError: Converting circular structure toJSON
该错误总是发生在使用 JSON.stringify 序列化一个存在循环引用的对象时,移除将要被转换为 JSON 字符串对象内部的循环引用。
13.Unexpected token ;
通常发生在缺少括号或分号时,该错误提示的行号有时并不能指向正确的位置
14.Uncaught SyntaxError: Unexpected token ILLEGAL
字符串字面量缺少闭合的引号,确保所有字符串都包含闭合的引号。
资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com
接下来，详细说明各种类型：
1.Error：基类型。所有的错误都继承该类型。提供这个基类型的主要目的是提供给开发人员抛出自定义的错误(如：throw new Error(输出错误信息))。
2.EvalError：使用eval()函数会抛出该错误。例如未将eval当作函数使用，例如 new eval()。
3.RangeError: 数字超出范围会抛出该错误。例如，数组越界。
4.ReferenceError:在找不到对象会抛出错误。例如 var obj = undefineObj，undefineObj未定义会报错。
5.SyntaxError：语法错误。
6.TypeError：类型错误。通常在if控制流中和全等，相等的比较中存在类型转换。
7.URLError：使用eccodURL和decodeURL()，而URI格式不正确时，会导致错误。这个类型不常用。
错误的理解
接着，简单的描述一下对错误的理解：
错误主要出现在if控制流，类型转换和对于空值为进行判断，字段未定义等。在编写代码时一定要从正反两个角度考虑。不能单从正确的角度考虑，只有这样才可以保证代码的健壮性。
最后，了解错误的使用方法：
throw 错误信息
throw new Error（错误信息）
throw new RangeError（错误信息，其他5种省略）
