」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何捕獲 JavaScript 中自訂異常的堆疊追蹤?

如何捕獲 JavaScript 中自訂異常的堆疊追蹤?

發佈於2024-11-08
瀏覽:521

How to Capture Stack Traces of Custom Exceptions in JavaScript?

獲取一系列拋出的異常

雖然 JavaScript 允許引發異常,但獲取自定義異常的堆疊跟踪可能具有挑戰性。本文探討了專門針對使用者定義的異常檢索堆疊追蹤的各種方法。

Error 物件的 stack 屬性提供了一個簡單的解決方案。透過建立新的 Error 物件並存取其 stack 屬性,您可以擷取追蹤:

function stackTrace() {
    var err = new Error();
    return err.stack;
}

此方法產生類似下列內容的堆疊追蹤:

DBX.Utils.stackTrace@http://localhost:49573/assets/js/scripts.js:44
DBX.Console.Debug@http://localhost:49573/assets/js/scripts.js:9
.success@http://localhost:49573/:462
x.Callbacks/c@http://localhost:49573/assets/js/jquery-1.10.2.min.js:4
x.Callbacks/p.fireWith@http://localhost:49573/assets/js/jquery-1.10.2.min.js:4
k@http://localhost:49573/assets/js/jquery-1.10.2.min.js:6
.send/r@http://localhost:49573/assets/js/jquery-1.10.2.min.js:6

這種格式提供了呼叫函數、URL以及後續呼叫函數。

對於現代瀏覽器,可以使用更直接的方法:

console.trace(); // (MDN Reference)

此函數捕獲堆疊追蹤並將其顯示在控制台中。

原始線程中提出了替代選項:

function stacktrace() { 
  function st2(f) {
    return !f ? [] : 
        st2(f.caller).concat([f.toString().split('(')[0].substring(9)   '('   f.arguments.join(',')   ')']);
  }
  return st2(arguments.callee.caller);
}

此函式遞歸遍歷呼叫堆疊並建構堆疊追蹤字串。

透過實現這些方法,開發人員可以有效獲取自定義 JavaScript 異常的堆疊跟踪,從而實現更穩健的錯誤處理和調試.

版本聲明 本文轉載於:1729175015如有侵犯,請洽[email protected]刪除
最新教學 更多>
  • JavaScript 中的單管道運算子如何處理浮點數和整數?
    JavaScript 中的單管道運算子如何處理浮點數和整數?
    探索JavaScript 中單管道運算子的位元性質在JavaScript 中,單一管道運算子(「|」)執行按位運算稱為位元或的運算。理解此操作對於理解其對不同輸入值的影響至關重要,如下例所示:console.log(0.5 | 0); // 0 console.log(-1 | 0); // -1...
    程式設計 發佈於2024-11-08
  • 列表理解和Regae
    列表理解和Regae
    啊。我一直害怕的那一刻。 第一篇文章,包含我自己的想法、觀點和可能的知識細分。 請注意,親愛的讀者,這並不是對 Python 單行 for 循環、追加到列表和返回一些數據的能力的深入探討或令人難以置信的分解。不,不。這只是展示瞭如何有趣——以及如何愚蠢——小東西可以組合在一起,讓...
    程式設計 發佈於2024-11-08
  • 如何解決 WAMP 上由於缺少 Openssl 擴充功能而導致的 Composer 錯誤?
    如何解決 WAMP 上由於缺少 Openssl 擴充功能而導致的 Composer 錯誤?
    Composer 有問題? WAMP 上缺少Openssl 擴充功能嘗試將Composer 合併到WAMP 設定中時,您可能會遇到警告:「The openssl 擴充功能遺失。」此訊息表明,如果沒有此擴充程序,您的系統的安全性和穩定性將會受到影響。 故障排除步驟:您已經認真瀏覽了 WAMP 介面,標...
    程式設計 發佈於2024-11-08
  • 如何解決 Windows 上 PHP 中的 SSL 套接字傳輸問題?
    如何解決 Windows 上 PHP 中的 SSL 套接字傳輸問題?
    解決PHP 中的SSL Socket 傳輸問題在Windows 系統上使用PHP 時,開發人員可能會遇到錯誤「無法連線到ssl: //...”由於啟用“ssl”套接字傳輸存在困難。本文將指導您排除故障並解決此問題,並介紹您迄今為止已採取的具體步驟。 故障排除步驟檢查PHP 設定:確保php_open...
    程式設計 發佈於2024-11-08
  • 為什麼類比滑鼠懸停在 Chrome 中不會觸發 CSS 懸停?
    為什麼類比滑鼠懸停在 Chrome 中不會觸發 CSS 懸停?
    在JavaScript 中模擬滑鼠懸停:澄清差異並實現手動控制嘗試在Chrome 中模擬滑鼠懸停事件時,您可能遇到了一個有趣的問題問題。儘管“mouseover”事件監聽器已成功激活,但相應的CSS“hover”聲明並未生效。此外,嘗試在滑鼠懸停偵聽器中使用 classList.add("...
    程式設計 發佈於2024-11-08
  • 你能衡量 MySQL 索引的有效性嗎?
    你能衡量 MySQL 索引的有效性嗎?
    了解 MySQL 索引效能優化 MySQL 查詢對於高效的資料庫處理至關重要。索引是提高搜尋效能的關鍵技術,但監控其有效性也同樣重要。本文解決了是否可以評估 MySQL 索引效能的問題並提供了解決方案。 識別查詢效能決定查詢是否使用索引,執行下列查詢:EXPLAIN EXTENDED SELECT ...
    程式設計 發佈於2024-11-08
  • 如何自訂 PDF.js
    如何自訂 PDF.js
    PDF.js 是一個很棒的開源項目,它經常更新並且不斷添加新功能,但是從外觀上看它很醜陋,或者可以說它看起來已經過時了。從 PDF.js 取得最新的 PDF 功能和修復,但在演示方面擁有流暢的外觀怎麼樣? PdfJsKit 的pdf 檢視器並不引人注目,它不會直接更改PDF.js 的程式碼,它只是...
    程式設計 發佈於2024-11-08
  • 即將推出大事
    即將推出大事
    我決定從頭開始建立全端 Web 開發人員課程,從 HID 一直到伺服器和可擴展性。所有需要知道的,都將免費涵蓋免費! 以下是涵蓋的內容: 網際網路 互聯網是如何運作的? 什麼是HTTP? 瀏覽器及其運作方式? DNS 及其運作方式? 什麼是網域名稱? 什麼是託管? ...
    程式設計 發佈於2024-11-08
  • HTML 頁面的剖析
    HTML 頁面的剖析
    程式設計 發佈於2024-11-08
  • 設計有效資料庫的終極指南(說真的,我們是認真的)
    設計有效資料庫的終極指南(說真的,我們是認真的)
    Alright, you’ve got a shiny new project. Maybe it's a cutting-edge mobile app or a massive e-commerce platform. Whatever it is, behind all that glitz ...
    程式設計 發佈於2024-11-08
  • 使用 html css 和 javascript 的圖像輪播旋轉幻覺
    使用 html css 和 javascript 的圖像輪播旋轉幻覺
    程式碼 旋轉影像輪播 身體 { 顯示:柔性; 調整內容:居中; 對齊項目:居中; 高度:100vh; 保證金:0; 背景顏色:#0d0d0d; 溢出:隱藏; ...
    程式設計 發佈於2024-11-08
  • 如何開始 Web 開發
    如何開始 Web 開發
    介绍 Web 开发是当今最受欢迎的职业之一,对于那些对 前端(用户看到的内容)和 后端(服务器逻辑)感兴趣的人来说)。如果您刚刚起步,想知道从哪里开始或者作为开发者可以赚多少钱,本指南将为您提供清晰的入门路径和资源。 什么是网页开发? 网络开发分为两大区域: 前端:...
    程式設計 發佈於2024-11-08
  • 如何在不使用 Composer 本身的情況下安裝 Composer PHP 套件?
    如何在不使用 Composer 本身的情況下安裝 Composer PHP 套件?
    如何在沒有Composer 的情況下安裝Composer PHP 軟體包在本文中,我們將解決在沒有Composer 工具的情況下安裝Composer PHP 軟體包的挑戰本身。當您遇到 Composer 對於您的工作流程不可用或不切實際的情況時,此方法非常有用。 識別依賴關係第一步是識別包所需的依賴...
    程式設計 發佈於2024-11-08
  • 如何在 Matplotlib 中繪製不同顏色的線條?
    如何在 Matplotlib 中繪製不同顏色的線條?
    繪製不同顏色的線在 matplotlib 中,可以透過多種方法來繪製具有不同顏色段的線。選擇取決於要繪製的線段數量。 線段數量較少如果只需要幾條線段,如繪製軌跡,請考慮以下事項:import numpy as np import matplotlib.pyplot as plt # Generate...
    程式設計 發佈於2024-11-08
  • 為什麼 Safari 無法處理「2010-11-29」格式的日期?
    為什麼 Safari 無法處理「2010-11-29」格式的日期?
    Safari 的日期解析怪癖為什麼Safari 在遇到“2010-11-29”等格式的日期時會拋出“無效日期”錯誤',而其他瀏覽器處理這些日期沒有問題?這種不一致的行為可能會讓 Web 開發人員感到沮喪。 問題的根源在於 Safari 對日期字串中破折號 (-) 的解釋。雖然大多數瀏覽器將破...
    程式設計 發佈於2024-11-08

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3