首页 >web前端 >前端问答 > 正文

JavaScript程序出错类型分为哪些

原创2021-09-08 18:23:510524

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

本教程操作环境: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程序出错类型分为哪些的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:JavaScript 错误类型
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript极速入门JavaScript极速入门
  • JavaScript函数与闭包JavaScript函数与闭包
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • 视频教程分类