最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 > web开发 >
JavaScript错误类型有多少种?一文带你快速了解
PHP中文网发表于 2021-09-11 17:59 次浏览

    JavaScript错误类型有多少种?了解JavaScript错误类型还是很有必要的,这样在发生错误时可以帮助大家快速定位解决问题,因此下面我们就来详细了解看看。

    JavaScript中的错误类型

    ECMA-262 定义了 7 种错误类型:

  • Error

  • EvalError

  • RangeError

  • ReferenceError

  • SyntaxError

  • TypeError

  • URIError

其中,Error 是基类型(其他六种类型的父类型),其他类型继承自它。Error 类型很少见,一般由浏 览器抛出的。这个基类型主要用于开发人员抛出自定义错误。

    1. SyntaxError (语法错误):

    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

    ::: tip 提醒: URI 相关参数不正确时抛出的错误,主要涉及 encodeURI、decodeURI()、 encodeURIComponent()、decodeURIComponent()、escape()和 unescape()六个函数。 :::

    6. EvalError eval()(函数执行错误):

在 ES5 以下的 JavaScript 中,当 eval()函数没有被正确执行时,会抛出 evalError 错误。例如 下面的情况:
var myEval = eval;
myEval("alert('call eval')");
需要注意的是:ES5以上的JavaScript中已经不再抛出该错误,但依然可以通过new关键字来自定义该类型

的错误提示。

    ::: warning 善用 try-catch 在明明知道某个地方会产生错误,可以通过修改代码来解决的地方, 是不适合用 try-catch 的。或者是那种不同浏览器兼容性错误导致错误的也不太适合,因为可以通过判断 浏览器或者判断这款浏览器是否存在此属性和方法来解决。 :::

new Error("出错了!");
new RangeError("出错了,变量超出有效范围!");
new TypeError("出错了,变量类型无效!");

    上面代码表示新建错误对象的实例,实质就是手动抛出错误。可以看到,错误对象的构造函数接受一 个参数,代表错误提示信息(message)。

    关于JavaScript错误类型的内容就介绍到这了,上文有很详细的技术,有需要的朋友可以了解看看,希望本文对大家有帮助,想要了解更多请关注群英网络其它相关文章。

标签:JavaScript错误
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐