欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript程序出错类型分为哪些

程序员文章站 2022-03-02 20:18:01
...

JavaScript程序出错类型分为:1、Error;2、EvalError;3、RangeError;4、ReferenceError(引用 错误);5、SyntaxError(语法错误);6、TypeError;7、URIError。

JavaScript程序出错类型分为哪些

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

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程序出错类型分为哪些的详细内容,更多请关注其它相关文章!