由于我在写js的时候总是遇到各种错误,根据现在的英语水平读不懂错误的意思,没有头绪解决,故在这里总结一下。在编码的过程中出现报错很常见,重要的是可以读取错误信息,明白是哪里出了问题,然后才能从根源上解决问题。

1、常见的错误类型

1.1 TypeError(类型错误)

当函数的操作数或参数的类型不是操作符或函数所期望的类型时,将抛出一个TypeError类型错误。MDN文档有详细介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypeError

a. new后面接字符串、数值、布尔值等(new后面应该接构造函数)

javascript 错误和异常处理 js出错_Web

b. 调用不存在的方法

javascript 错误和异常处理 js出错_javascript_02

1.2 RangeError(范围错误)

当一个值超出了其所在的集合或所允许的范围,便会发出范围错误。MDN文档有详细介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RangeError

a. 数组的长度为负数

  

javascript 错误和异常处理 js出错_错误信息_03

b. 某个对象的方法的参数超出了精度范围

javascript 错误和异常处理 js出错_语法错误_04

1.3 ReferenceError(引用错误)

当引用了一个不存在的变量时发生的错误。MDN文档有详细介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError

a. 引用不存在的变量或常量

javascript 错误和异常处理 js出错_错误信息_05

b. 给一个无法被赋值的对象赋值

javascript 错误和异常处理 js出错_Web_06

1.4 SyntaxError (语法错误)

当JavaScript语言解析时,发现不符合语法规范的变量名或者给关键字赋值等操作,从而引发语法错误。MDN文档有详细介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError

a. 变量名不符合规范

javascript 错误和异常处理 js出错_javascript_07

b. 缺少括号引发的语法错误

javascript 错误和异常处理 js出错_语法错误_08

1.5 URLError (URL错误)

由于以错误的方式使用了外部的Url而产生的错误。MDN文档有详细介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/URIError

2、解决方法

a. 可以直接复制错误信息到搜索引擎进行搜索

b. 深度了解错误信息,了解错误类型,对报出的错误信息进行准确搜索,去文档深度学习