1、?Uncaught TypeError: Cannot Read Property

這是 JavaScript 開發(fā)人員最常遇到的錯(cuò)誤。當(dāng)你讀取一個(gè)屬性或調(diào)用一個(gè)未定義對(duì)象的方法時(shí)，Chrome 中就會(huì)報(bào)出這樣的錯(cuò)誤。導(dǎo)致這個(gè)錯(cuò)誤發(fā)生的原因有很多，常見的一種情況是在渲染 UI 組件時(shí)，不正確地初始化狀態(tài)。

2、?TypeError: ‘undefined’ Is Not an Object (evaluating...)

這是在 Safari 中讀取屬性或調(diào)用未定義對(duì)象上的方法時(shí)發(fā)生的錯(cuò)誤。您可以在 Safari Developer Console 中輕松測(cè)試。這與 1 中提到的 Chrome 的錯(cuò)誤基本相同，但 Safari 使用了不同的錯(cuò)誤消息提示語。?

3、TypeError: Null Is Not an Object (evaluating...)

這是在 Safari 中讀取屬性或調(diào)用空對(duì)象上的方法時(shí)發(fā)生的錯(cuò)誤。您可以在 Safari Developer Console 中輕松測(cè)試。

有趣的是，在 JavaScript 中，null 和 undefined 是不一樣的，這就是為什么我們看到兩個(gè)不同的錯(cuò)誤信息。undefined 通常是一個(gè)尚未分配的變量，而 null 表示該值為空。要驗(yàn)證它們不相等，請(qǐng)嘗試使用嚴(yán)格的相等運(yùn)算符 ===：

在現(xiàn)實(shí)世界的例子中，這種錯(cuò)誤可能發(fā)生的一種場(chǎng)景是：如果在加載元素之前嘗試在 JavaScript 中使用元素。因?yàn)?DOM API 對(duì)于空白的對(duì)象引用返回值為 null。

任何執(zhí)行和處理 DOM 元素的 js 代碼都應(yīng)該在創(chuàng)建 DOM 元素之后執(zhí)行。js 代碼按照 html 中的規(guī)定從上到下進(jìn)行解釋。?

所以，如果 DOM 元素之前有一個(gè)標(biāo)簽，腳本標(biāo)簽內(nèi)的 js 代碼將在瀏覽器解析 html 頁面時(shí)執(zhí)行。如果在加載腳本之前尚未創(chuàng)建 DOM 元素，則會(huì)出現(xiàn)此錯(cuò)誤。

4、(unknown): Script Error

當(dāng)未捕獲的 JavaScript 錯(cuò)誤違背跨邊界原則時(shí)，就會(huì)發(fā)生腳本錯(cuò)誤。例如，如果將 JavaScript 代碼托管在 CDN 上，則任何未被捕獲的錯(cuò)誤（通過 window.onerror 處理程序發(fā)出的錯(cuò)誤，而不是 try-catch 中捕獲到的錯(cuò)誤）將僅報(bào)告為“腳本錯(cuò)誤”。這是瀏覽器的一種安全措施，主要用于防止跨域傳遞數(shù)據(jù)的情況出現(xiàn)。

將 Access-Control-Allow-Origin 設(shè)置為?*，?表示可以從任何域正確訪問資源。*?如有必要，也可以用自己的域名進(jìn)行替換，例如：

Access-Control-Allow-Origin: www.example.com

5、?TypeError: Object Doesn’t Support Property

當(dāng)調(diào)用未定義的方法時(shí)，IE 中會(huì)發(fā)生這樣的錯(cuò)誤。這相當(dāng)于 Chrome 中的 “undefined’ is not a function” 錯(cuò)誤。

對(duì)于相同的邏輯錯(cuò)誤，不同的瀏覽器可能會(huì)有不同的錯(cuò)誤消息。

這是在 IE 的 Web 應(yīng)用程序中使用 JavaScript 命名空間出現(xiàn)的一個(gè)常見問題。

出現(xiàn)這種情況的絕大部分原因是IE無法將當(dāng)前名稱空間內(nèi)的方法綁定到this關(guān)鍵字。

6、TypeError: ‘undefined’ Is Not a Function

當(dāng)調(diào)用未定義的函數(shù)時(shí)，Chrome 中就會(huì)發(fā)生這樣的錯(cuò)誤。

隨著 JavaScript 編碼技術(shù)和設(shè)計(jì)模式在過去幾年中變得越來越復(fù)雜，回調(diào)和閉包中的自引用范圍也相應(yīng)增加，這是造成這種混亂現(xiàn)象的主要來源。

7、Uncaught RangeError: Maximum Call Stack

這是在很多種情況，Chrome 中發(fā)生的錯(cuò)誤，一種情況是當(dāng)你調(diào)用一個(gè)不會(huì)終止的遞歸函數(shù)時(shí)。

如果將值傳遞給超出范圍的函數(shù)，也可能會(huì)發(fā)生這種情況。許多函數(shù)只接受特定范圍內(nèi)的數(shù)字輸入值。

8、TypeError: Cannot Read Property ‘length’

這是 Chrome 中發(fā)生的錯(cuò)誤，因?yàn)樽x取了未定義長度屬性的變量。通常在數(shù)組中能夠找到定義的長度，但是如果數(shù)組未初始化或變量名在另一個(gè)上下文中隱藏，則可能會(huì)出現(xiàn)這種錯(cuò)誤。

9、?Uncaught TypeError: Cannot Set Property

當(dāng)嘗試訪問未定義的變量時(shí)，總會(huì)返回 undefined。我們也無法獲取或設(shè)置 undefined 的任何屬性。

在這種情況下，應(yīng)用程序?qū)伋觥癠ncaught TypeError cannot set property of undefined”。

10、ReferenceError: Event Is Not Defined

嘗試訪問未定義的變量或當(dāng)前范圍之外的變量時(shí)會(huì)引發(fā)此錯(cuò)誤。如果在使用事件處理系統(tǒng)時(shí)遇到此錯(cuò)誤，請(qǐng)確保使用傳入的事件對(duì)象作為參數(shù)。

IE 這樣的瀏覽器提供了全局變量事件，Chrome 會(huì)自動(dòng)將事件變量附加到處理程序中，Firefox 則不會(huì)自動(dòng)添加事件變量。

結(jié)論

事實(shí)證明很多這些 null 或 undefined 的錯(cuò)誤是普遍存在的。?一個(gè)類似于 Typescript 這樣的好的靜態(tài)類型檢查系統(tǒng)，當(dāng)設(shè)置為嚴(yán)格的編譯選項(xiàng)時(shí)，能夠幫助開發(fā)者避免這些錯(cuò)誤。

IT技術(shù)分享社區(qū)

文章推薦程序員效率：畫流程圖常用的工具程序員效率：整理常用的在線筆記軟件遠(yuǎn)程辦公：常用的遠(yuǎn)程協(xié)助軟件，你都知道嗎？51單片機(jī)程序下載、ISP及串口基礎(chǔ)知識(shí)硬件：斷路器、接觸器、繼電器基礎(chǔ)知識(shí)

總結(jié)

以上是生活随笔為你收集整理的10个常见的JS语言错误总汇的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。