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>

输出

这将产生以下输出 -

单击“开始跟踪”按钮并在控制台选项卡中查看输出。

在上面的例子中 -

我们首先创建了一个按钮 “Start Trace”，它将在用户单击时执行 Function1()。

<button onclick="Function1()">Start Trace</button>

Function1() 将执行 Function2()，Function2() 将执行其中存在的 console.stacktrace() 方法。这是一个堆栈跟踪，因此它将遵循 last-in first-out 顺序。由于 console.trace 方法是由 Function2() 调用的，它将首先被弹出。

Function1() 执行了 Function2()，因此它将是第二个弹出。最后，由于 Function1() 在被点击时由 “Start Trace” 按钮执行，它将是最后一个弹出。这意味着这将是他们被调用的相反顺序 -

<button onclick="Function1()">Start Trace</button>
function Function1(){
   Function2();
}
function Function2(){
   console.trace();
}

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM console.trace() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。