<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          10個常見的JS語言錯誤總匯

          共 2308字,需瀏覽 5分鐘

           ·

          2020-08-15 18:00

          1、?Uncaught TypeError: Cannot Read Property

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

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

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

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

          這是在 Safari 中讀取屬性或調(diào)用空對象上的方法時發(fā)生的錯誤。您可以在 Safari Developer Console 中輕松測試。
          有趣的是,在 JavaScript 中,null 和 undefined 是不一樣的,這就是為什么我們看到兩個不同的錯誤信息。undefined 通常是一個尚未分配的變量,而 null 表示該值為空。要驗證它們不相等,請嘗試使用嚴(yán)格的相等運(yùn)算符 ===:
          在現(xiàn)實世界的例子中,這種錯誤可能發(fā)生的一種場景是:如果在加載元素之前嘗試在 JavaScript 中使用元素。因為 DOM API 對于空白的對象引用返回值為 null。
          任何執(zhí)行和處理 DOM 元素的 js 代碼都應(yīng)該在創(chuàng)建 DOM 元素之后執(zhí)行。js 代碼按照 html 中的規(guī)定從上到下進(jìn)行解釋。?
          所以,如果 DOM 元素之前有一個標(biāo)簽,腳本標(biāo)簽內(nèi)的 js 代碼將在瀏覽器解析 html 頁面時執(zhí)行。如果在加載腳本之前尚未創(chuàng)建 DOM 元素,則會出現(xiàn)此錯誤。

          4、(unknown): Script Error

          當(dāng)未捕獲的 JavaScript 錯誤違背跨邊界原則時,就會發(fā)生腳本錯誤。例如,如果將 JavaScript 代碼托管在 CDN 上,則任何未被捕獲的錯誤(通過 window.onerror 處理程序發(fā)出的錯誤,而不是 try-catch 中捕獲到的錯誤)將僅報告為“腳本錯誤”。這是瀏覽器的一種安全措施,主要用于防止跨域傳遞數(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)用未定義的方法時,IE 中會發(fā)生這樣的錯誤。這相當(dāng)于 Chrome 中的 “undefined’ is not a function” 錯誤。
          對于相同的邏輯錯誤,不同的瀏覽器可能會有不同的錯誤消息。
          這是在 IE 的 Web 應(yīng)用程序中使用 JavaScript 命名空間出現(xiàn)的一個常見問題。
          出現(xiàn)這種情況的絕大部分原因是IE無法將當(dāng)前名稱空間內(nèi)的方法綁定到this關(guān)鍵字。

          6、TypeError: ‘undefined’ Is Not a Function

          當(dāng)調(diào)用未定義的函數(shù)時,Chrome 中就會發(fā)生這樣的錯誤。
          隨著 JavaScript 編碼技術(shù)和設(shè)計模式在過去幾年中變得越來越復(fù)雜,回調(diào)和閉包中的自引用范圍也相應(yīng)增加,這是造成這種混亂現(xiàn)象的主要來源。

          7、Uncaught RangeError: Maximum Call Stack

          這是在很多種情況,Chrome 中發(fā)生的錯誤,一種情況是當(dāng)你調(diào)用一個不會終止的遞歸函數(shù)時。
          如果將值傳遞給超出范圍的函數(shù),也可能會發(fā)生這種情況。許多函數(shù)只接受特定范圍內(nèi)的數(shù)字輸入值。

          8、TypeError: Cannot Read Property ‘length’

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

          9、?Uncaught TypeError: Cannot Set Property

          當(dāng)嘗試訪問未定義的變量時,總會返回 undefined。我們也無法獲取或設(shè)置 undefined 的任何屬性。
          在這種情況下,應(yīng)用程序?qū)伋觥癠ncaught TypeError cannot set property of undefined”。

          10、ReferenceError: Event Is Not Defined

          嘗試訪問未定義的變量或當(dāng)前范圍之外的變量時會引發(fā)此錯誤。如果在使用事件處理系統(tǒng)時遇到此錯誤,請確保使用傳入的事件對象作為參數(shù)。
          IE 這樣的瀏覽器提供了全局變量事件,Chrome 會自動將事件變量附加到處理程序中,F(xiàn)irefox 則不會自動添加事件變量。

          結(jié)論

          事實證明很多這些 null 或 undefined 的錯誤是普遍存在的。?一個類似于 Typescript 這樣的好的靜態(tài)類型檢查系統(tǒng),當(dāng)設(shè)置為嚴(yán)格的編譯選項時,能夠幫助開發(fā)者避免這些錯誤。
          瀏覽 44
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  ThePorn精品无码 | 青青青在线激情视频 | 麻豆成人在线观看 | 亚色九九九视频 | 美女裸体18禁 |