前端CHROME CONSOLE的使用：测量执行时间和对执行进行计数

利用 Console API 测量执行时间和对语句执行进行计数。

这篇文章主要讲：

使用 console.time() 和 console.timeEnd() 跟踪代码执行点之间经过的时间。

使用 console.count() 对相同字符串传递到函数的次数进行计数。

测量执行时间

time() 方法可以启动一个新计时器，并且对测量某个事项花费的时间非常有用。将一个字符串传递到方法，以便为标记命名。

如果您想要停止计时器，请调用 timeEnd() 并向其传递已传递到初始值设定项的相同字符串。

控制台随后会在 timeEnd() 方法触发时记录标签和经过的时间。

基本示例

在这里，我们将测量 100 万个新 Array 的初始化：

将在控制台中输出下列结果： 经过的时间

Timeline 上的计时器

当 Timeline 记录在 time() 操作期间发生时，它也会对 Timeline 进行标注。如果您想要跟踪应用的操作和操作来自何处，请使此记录。

执行 time() 时 Timeline 上的标注如下所示：

timeline 上的时间标注

标记 Timeline

注：timeStamp() 方法只能在某个 Timeline 记录正在进行时发挥作用。

Timeline 面板可以提供引擎时间消耗的完整概览。您可以使用 timeStamp() 从控制台向 Timeline 添加一个标记。 这是一种将您应用中的事件与其他事件进行关联的简单方式。

timeStamp() 会在以下地方对 Timeline 进行标注：

Timeline 汇总和详细信息视图中的黄色垂直线。

会向事件列表添加一条记录。

以下示例代码：

将生成下面的 Timeline 时间戳：

对语句执行进行计数

使用 count() 方法记录提供的字符串，以及相同字符串已被提供的次数。当完全相同的语句被提供给同一行上的 count() 时，此数字将增大。

将 count() 与某些动态内容结合使用的示例代码：

代码示例的输出：

本文内容来自：chrome console的使用 ：测量执行时间和对执行进行计数 – Break易站