数据结构
网络
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 浏览量
广告