详解JavaScript中的六种错误类型
刚入前端坑,英语又不太好的同学,是不是还在为控制台的错误抓耳挠腮?今天就带大家看一看JavaScript中常见的错误类型。
js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。
1.SyntaxError:语法错误
//1.SyntaxError:语法错误 //1.1变量名不符合规范 var1//UncaughtSyntaxError:Unexpectednumber var1a//UncaughtSyntaxError:Invalidorunexpectedtoken //1.2给关键字赋值 function=5//UncaughtSyntaxError:Unexpectedtoken=
2.UncaughtReferenceError:引用错误
引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象,比如对函数的运行结果或者函数赋值。
//2.1引用了不存在的变量 a()//UncaughtReferenceError:aisnotdefined console.log(b)//UncaughtReferenceError:bisnotdefined //2.2给一个无法被赋值的对象赋值 console.log("abc")=1//UncaughtReferenceError:Invalidleft-handsideinassignment
3.RangeError:范围错误
RangeError是当一个只超出有效范围时发生的错误。主要的有几种情况,第一是数组长度为负数,第二是Number对象的方法参数超出范围,以及函数堆栈超过最大值。
//3.1数组长度为负数 [].length=-5//UncaughtRangeError:Invalidarraylength //3.2Number对象的方法参数超出范围 varnum=newNumber(12.34) console.log(num.toFixed(-1))//UncaughtRangeError:toFixed()digitsargumentmustbebetween0and20atNumber.toFixed //说明:toFixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-20.
4.TypeError类型错误
变量或参数不是预期类型时发生的错误。比如使用new字符串、布尔值等原始类型和调用对象不存在的方法就会抛出这种错误,因为new命令的参数应该是一个构造函数。
//4.1调用不存在的方法 123()//UncaughtTypeError:123isnotafunction varo={} o.run()//UncaughtTypeError:o.runisnotafunction //4.2new关键字后接基本类型 varp=new456//UncaughtTypeError:456isnotaconstructor
5.URIError,URL错误
主要是相关函数的参数不正确。
decodeURI("%")//UncaughtURIError:URImalformedatdecodeURI
URI相关参数不正确时抛出的错误,主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()六个函数。
6.EvalErroreval()函数执行错误
在ES5以下的JavaScript中,当eval()函数没有被正确执行时,会抛出evalError错误。
例如下面的情况:
varmyEval=eval; myEval("alert('calleval')");
需要注意的是:ES5以上的JavaScript中已经不再抛出该错误,但依然可以通过new关键字来自定义该类型的错误提示。
以上的6种派生错误,连同原始的Error对象,都是构造函数。开发者可以使用它们,认为生成错误对象的实例。
newError([message[,fileName[,lineNumber]]]),
第一个参数表示错误提示信息,第二个是文件名,第三个是行号。
总结
以上所述是小编给大家介绍的JavaScript中的六种错误类型,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!