Jimliu


一只刚上路的前端程序猿


JavaScript错误类型

1.Error对象

JavaScript解析或执行时,一旦发生错误,引擎就会抛出一个错误对象。JavaScript原生提供一个Error构造函数,所有抛出的错误都是这个构造函数的实例。

1
2
var err = new Error('出错了');
err.message // "出错了"

Error构造函数接受一个参数,表示错误提示,可以从实例的message属性读到这个参数。

根据语言标准,Error对象的实例必须有message属性,表示出错时的提示信息,其他属性则没有提及。大多数JavaScript引擎,对Error实例还提供name和stack属性,分别表示错误的名称和错误的堆栈,但它们是非标准的,不是每种实现都有。

message:错误提示信息
name:错误名称(非标准属性)
stack:错误的堆栈(非标准属性)

使用上述三个参数我们可以获取到错误的类型及详细错误信息。

2.JavaScript的原生错误类型

Error对象是最一般的错误类型,在它的基础上,JavaScript还定义了其他6种错误,也就是说,存在Error的6个派生对象。

    1. SyntaxError
      1
      2
      //缺少括号
      console.log'aaa');
  • 2.ReferenceError:
    ReferenceError是引用一个不存在的变量时发生的错误。

    1
    2
    console.log(aaa)
    //ReferenceError: aaa is not defined

另一种触发场景是,将一个值分配给无法分配的对象,比如对函数的运行结果或者this赋值。

1
2
this = aaa
//ReferenceError: Invalid left-hand side in assignment

  • 3.RangeError: RangeError是当一个值超出有效范围时发生的错误。主要有几种情况,一是数组长度为负数,二是Number对象的方法参数超出范围,以及函数堆栈超过最大值。

    1
    2
    new Array(-1)
    //RangeError: Invalid array length
  • 4.TypeError: TypeError是变量或参数不是预期类型时发生的错误。比如,对字符串、布尔值、数值等原始类型的值使用new命令,就会抛出这种错误,因为new命令的参数应该是一个构造函数。

    1
    2
    3
    4
    'aaa'.forEach(function(item) {
    console.log(item)
    })
    //TypeError: "aaa".forEach is not a function
  • 5.URIError: URIError是URI相关函数的参数不正确时抛出的错误,主要涉及encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。

    1
    2
    decodeURI('%2')
    // URIError: URI malformed
  • 6.EvalError: eval函数没有被正确执行时,会抛出EvalError错误。该错误类型已经不再在ES5中出现了,只是为了保证与以前代码兼容,才继续保留。

最近的文章

服务器安装ELK

一.安装java环境由于Elasticsearch和Logstash的要求,在服务器首先安装jdk 1.8 …

于  ELK, linux 继续阅读
更早的文章

前端代码错误收集(一)

前端的异常收集常用的两种方式: 1.try catch使用一个webpack的loader babel_try_catch_loader对js代码进行包裹。打包完成后,所有的函数块会被加上try catch 我们只需在全局空间定义catch的函数,然后进行收集。使用try catch 我们可以捕获到 …

于  js 继续阅读