JavaScript调试常见报错及原因有哪些

这篇文章主要讲解了“JavaScript调试常见报错及原因有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript调试常见报错及原因有哪些”吧！

测试环境 chrome 版本 66.0.3359.170（正式版本） （64 位）

TypeError 类型错误

不是操作符所接受的数据类型。

  //-------- 把不是函数的值当做函数调用
  var foo = undefined;
  foo();
  // Uncaught TypeError: foo is not a function
  // foo 不是一个函数

  //-------- 调用对象中不存在的函数， 其实就是 undefined
  var x = document.getElementByID('foo');
  // Uncaught TypeError: document.getElementByID is not a function
  // 调用的值不是一个函数

  //-------- 调用未声明的方法
  lala();
  // Uncaught ReferenceError: lala is not defined
  // lala 没有定义

  //-------- 把 null 或 undefined 当成对象
  var someVal = null;
  someVal.foo;
  // Uncaught TypeError: Cannot read property 'foo' of null
  // 无法读取 null 的 foo 属性

  var someVal = undefined;
  someVal.foo;
  // Uncaught TypeError: Cannot read property 'foo' of undefined
  // 无法读取 undefined 的 foo 属性

ReferenceError 引用错误

尝试给不能赋值的变量进行赋值。

  //-------- 尝试给不能赋值的变量进行赋值。
  function doSomething(){};
  doSomething() = 'somevalue'
  // Uncaught ReferenceError: Invalid left-hand side in assignment
  // 赋值符的左侧无效

RangeError 范围错误

设定的值在该数据类型的范围内。如数字的范围、数组长度的范围。

  [].length = -1 // 数据的 length 不能小于 0
  [].length = undefined //
  // Uncaught RangeError: Invalid array length
  // 无效的数组长度

SyntaxError 语法错误

无法解析的代码。

  //-------- 拼接字符串，但是没有使用 + 号
  'ni' 'hao'
  // Uncaught SyntaxError: Unexpected string
  // 意料之外的字符串

  //-------- 没有使用成对的引号
  var str = 'ni hao
  // Uncaught SyntaxError: Invalid or unexpected toke
  // 无效或意料之外的标记

  //-------- 无效的正则
  var reg = /[/
  // Uncaught SyntaxError: Invalid regular expression: missing /