掌握 JavaScript Console.time()：代码性能测试简单指南

让我用一种非常简单的方式解释一下 console.time 方法如何测量代码执行时间！

将 console.time() 想象成一个秒表 - 启动它，运行代码，然后停止它，以查看执行过程花费了多长时间。

// 开始计时
console.time("myTimer");

// Do something...
for (let i = 0; i < 1000; i++) {
    // some code here
}

// 结束计时
console.timeEnd("myTimer");

示例：

1. 测量创建大数组需要多长时间：

console.time("making array");
let bigArray = Array(10000).fill("🌟");
console.timeEnd("making array");

2. 比较做同一件事的两种方法：

// Way 1: Using for loop
console.time("for loop");
for (let i = 0; i < 1000; i++) {
    // do stuff
}
console.timeEnd("for loop");

// Way 2: Using forEach
console.time("forEach");
[...Array(1000)].forEach(() => {
    // do stuff
});
console.timeEnd("forEach");

提示

1. 你可以一次运行多个计时器（只需使用不同的名称）
2. 时间以毫秒为单位显示
3. 非常适合查找代码中的慢速部分
4. 非常适合比较解决同一问题的不同方法

常见用例：

• 测试你的代码是否足够快
• 查找代码中哪些部分运行缓慢
• 选择最快的方法做某事

注意

1. 始终为计时器使用清晰的名称
2. 在将代码投入生产之前删除 console.time()
3. 你可以将计时器嵌套在一起

console.time() 的美妙之处在于它使用起来非常简单，但确实有助于改善你的代码！