1.SyntaxError 语法错误
①变量名不规范
// 变量名不规范
var 1 = 1;
未被捕获的语法错误,这个错误是js机制自动抛出来的 意外的数字
// 下面两个是同一种情况
var 1a = 1;
function 1test(){}
无效或意外的标记
// 关键字赋值
new = 5;
意外的标记 =
下面最后加了冒号
// 基本的语法错误
var a = 5:
意外的标记 :
2.ReferenceError 引用错误
// 变量或者函数未被声明
test()
test没有被定义
// 给无法被赋值的对象赋值的时候
var a = 1 = 2
var a = 2;
console.log(a) = 3
无效的左侧赋值
3.RangeError 范围错误
// 数组长度为负数时
var arr = [1,2,3]
arr.length = -2
无效的数组长度
// 对象方法参数超出可行范围
var num = new Number(66.66);
console.log(num.toFixed(-1));
数字参数参数必须在0到100
4.TypeError 类型错误
// 调用不存在的方法
123()
123不管有没有定义 它都不是一个方法 根本就没有判断定义了没有,先判断类型,是不是属于一个function,如果是一个function 后面就可以跟括号
var obj = {};
obj.say();
并没有在obj里找到say这个方法,这个时候就会报这个错误 因为 点 后跟的是属性名但是带了括号,属性不可能像方法一样执行, 所以要看是不是方法,如果say不带括号就不会报错,不带括号时会认为是个属性但没有赋值
// 实例化原始值的问题
var a = new 'string';
new后面必须要是一个构造器 ,new一个原始值会报错 new后要跟函数 不管是构造函数还是普通函数,只要new函数 就会有实例化 'string' 不是函数就会报错
var a = new 123;
这个和上面情况一样,不是构造函数
5.URIError URI错误
URI 统一资源标识符 UNIFORM RESOURCE IDENTIFIER
URL 统一资源定位符 UNIFORM RESOURCE LOCATOR
URN 统一资源名称 UNIFORM RESOURCE NAME
URL和URN是URI的子集,属于URI
URL有协议有域名有资源空间 通过一个地址能访问到特定的页面
URN 没有了URL中的协议 相当于一个id 名字 指代了资源的唯一性 所以叫NAME
let str = "测试字符";
let encodeStr = encodeURI(str);
console.log(encodeStr); // %E6%B5%8B%E8%AF%95%E5%AD%97%E7%AC%A6
let decodeStr = decodeURI(encodeStr);
console.log(decodeStr); // 测试字符
上面是使用encodeURI方法把中文转为中文编码字符 是js内置的方法,
再使用decodeURI方法把中文编码字符转为中文,也是js内置的方法 ,接下来就随便输个中文编码 看能不能转成中文
let str = "%ef%erffv";
console.log(decodeURI(str));
URI不符合常规的
6.EvalError eval函数执行错误
现在很少见 因为很少使用eval方法 (不知道怎么让它报错)
es3开始 eval()函数不推荐使用,有性能问题, 难调试, input获取的值和eval混在一起可能会有安全隐患
eval()最大的作用是字符串里写js是可以执行的
eval("var a = 1;console.log(a)")
var obj = {
a:1,
b:2
}
console.log(eval("obj"));
打印的不是字符串obj,而是一个对象 换成 console.log(eval(obj)) 也是一样的
然而eval()方法最大的用处不是在这里
json字符串 使用eval()方法后会变成json对象
eval(jsonStr)
json是用来存储数据的,json字符串和json对象 里面不可以嵌有方法,如果里面写的有方法 就是一个普通的对象
这六种错误都可以人为的抛出
var error = new Error("代码错误了")
console.log(error);
会直接出来Error
人为的实例化一个错误 可以实例化构造函数
new SyntaxError("代码错误")
每一种错误类型都对应了一个构造函数,这些构造函数都可以通过实例化来输出响应的错误
如果想输出错误变成红色的 使用console.error()方法