資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚學
法律學HTML DOM console.trace() 方法
HTML DOM console.trace() 方法用於顯示呼叫 console.trace() 方法的堆疊軌跡。它基本上用於顯示程式碼路徑，即程式碼如何在該點結束的。
語法
以下是 console.trace() 方法的語法。
console.trace(label);
其中，label 為型別字串的可選引數，用於指定程式碼軌跡的標籤。如果有不同程式碼片段的多個軌跡，這很有用。
示例
讓我們看看 console.trace() 方法的一個示例 −
<!DOCTYPE html>
<html>
<body>
<h1> console.trace() Method</h1>
<p>Click the below button…</p>
<button onclick="Function1()">Start Trace</button>
<script>
function Function1(){
Function2();
}
function Function2(){
console.trace();
}
</script>
<p>View the stack trace in the console after clicking the above button& </p>
</body>
</html>輸出
這將產生以下輸出 −
單擊“開始跟蹤”按鈕並在控制檯中檢視輸出。
在上面的示例中 −
我們首先建立了一個名為 “開始跟蹤” 的按鈕，該按鈕將由使用者在單擊後執行 Function1()。
<button onclick="Function1()">Start Trace</button>
Function1() 將執行 Function2()，而 Function2() 將執行其內部的 console.stacktrace() 方法。它是一個堆疊軌跡，因此它將遵循後進先出的順序。由於 Function2() 呼叫了 console.trace 方法，因此它將第一個被彈出。
Function1() 執行了 Function2()，因此它將是第二個被彈出的。最後，由於單擊“開始跟蹤”按鈕執行了Function1()，因此它將是最後一個被彈出的。這意味著這將是它們被呼叫的反向順序 −
<button onclick="Function1()">Start Trace</button>
function Function1(){
Function2();
}
function Function2(){
console.trace();
}
更新於: 2020-07-01
203 瀏覽量
廣告