详解JavaScript中的六种错误类型

刚入前端坑，英语又不太好的同学，是不是还在为控制台的错误抓耳挠腮？今天就带大家看一看javascript中常见的错误类型。

js中的控制台的报错信息主要分为两大类，第一类是语法错误，这一类错误在预解析的过程中如果遇到，就会导致整个js文件都无法执行。另一类错误统称为异常，这一类的错误会导致在错误出现的那一行之后的代码无法执行，但在那一行之前的代码不会受到影响。

1. syntaxerror：语法错误

// 1. syntax error: 语法错误
// 1.1 变量名不符合规范
var 1       // uncaught syntaxerror: unexpected number
var 1a       // uncaught syntaxerror: invalid or unexpected token
// 1.2 给关键字赋值
function = 5     // uncaught syntaxerror: unexpected token = 

2. uncaught referenceerror：引用错误

引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象，比如对函数的运行结果或者函数赋值。

// 2.1 引用了不存在的变量
a()       // uncaught referenceerror: a is not defined
console.log(b)     // uncaught referenceerror: b is not defined
// 2.2 给一个无法被赋值的对象赋值
console.log("abc") = 1   // uncaught referenceerror: invalid left-hand side in assignment

3. rangeerror：范围错误

rangeerror是当一个只超出有效范围时发生的错误。主要的有几种情况，第一是数组长度为负数，第二是number对象的方法参数超出范围，以及函数堆栈超过最大值。

// 3.1 数组长度为负数
[].length = -5      // uncaught rangeerror: invalid array length
// 3.2 number对象的方法参数超出范围
var num = new number(12.34)
console.log(num.tofixed(-1))   // uncaught rangeerror: tofixed() digits argument must be between 0 and 20 at number.tofixed
// 说明: tofixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-20.

4. typeerror类型错误

变量或参数不是预期类型时发生的错误。比如使用new字符串、布尔值等原始类型和调用对象不存在的方法就会抛出这种错误，因为new命令的参数应该是一个构造函数。

// 4.1 调用不存在的方法
123()        // uncaught typeerror: 123 is not a function
var o = {}
o.run()        // uncaught typeerror: o.run is not a function
// 4.2 new关键字后接基本类型
var p = new 456      // uncaught typeerror: 456 is not a constructor

5. urierror，url错误

主要是相关函数的参数不正确。

decodeuri("%")     // uncaught urierror: uri malformed at decodeuri

uri相关参数不正确时抛出的错误，主要涉及encodeuri、decodeuri()、encodeuricomponent()、decodeuricomponent()、escape()和unescape(）六个函数。

6. evalerror eval()函数执行错误

在es5以下的javascript中，当eval()函数没有被正确执行时，会抛出evalerror错误。

例如下面的情况：

var myeval = eval;
myeval("alert('call eval')");

需要注意的是：es5以上的javascript中已经不再抛出该错误，但依然可以通过new关键字来自定义该类型的错误提示。

以上的6种派生错误，连同原始的error对象，都是构造函数。开发者可以使用它们，认为生成错误对象的实例。

new error([message[,filename[,linenumber]]])，

第一个参数表示错误提示信息，第二个是文件名，第三个是行号。

总结

以上所述是小编给大家介绍的javascript中的六种错误类型，希望对大家有所帮助