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 /

感謝各位的閱讀，以上就是“JavaScript調試常見報錯及原因有哪些”的內容了，經過本文的學習后，相信大家對JavaScript調試常見報錯及原因有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！