JavaScript 基准测试：使用 silentmantra/benchmark 优化你的代码性能

javascript

2024-03-05 00:40:17

JavaScript 基准测试的利器：silentmantra/benchmark

引言

在 JavaScript 开发中，性能和效率至关重要。为了优化你的代码，你需要了解不同算法和实现的相对性能。silentmantra/benchmark 是一个直观且强大的基准测试工具，可以帮助你轻松地评估和比较解决方案。

什么是 silentmantra/benchmark

silentmantra/benchmark 是一个 JavaScript 库，它提供了一种简单的方法来基准测试不同的代码块。它处理了繁琐的循环和时间测量，让你专注于比较算法的效率。

如何使用 silentmantra/benchmark

使用 silentmantra/benchmark 进行基准测试非常简单：

初始化： 在你的 <script> 标记中包含基准测试代码，并加载工具的 JavaScript 文件。
定义基准测试： 使用 // @benchmark 注释定义要基准测试的代码块。
运行基准测试： 单击“运行”按钮，工具将执行所有基准测试并显示结果。

基准测试设置

你可以通过设置以下参数来自定义基准测试：

循环次数： 每个解决方案运行的循环数。
运行时间： 每个解决方案运行的最小时间，以毫秒为单位。

进阶功能

除了基本功能外，silentmantra/benchmark 还提供了以下进阶功能：

块级作用域： 使用 {} 块来创建块级作用域，避免变量冲突。
代码块运行： 使用 // @run 在循环之前运行代码块。
基准测试不同输入大小： 使用 $chunk、$input 和 $chunks 变量来基准测试不同输入大小的算法。

示例

以下是使用 silentmantra/benchmark 比较两个字符串处理解决方案的示例：

const $chunk = 'Lorem ipsum dolor sit amet...';
let $input = '';

// @benchmark count stupid
{
  const chars = {};
  for(let i = 0; i < $input.length; i++){
    const char = $input[i];
    chars[char] ??= $input.split('').filter(c => c === char).length;
  }
  chars;
}

// @benchmark count smart
{
  const chars = {};
  for(let i = 0; i < $input.length; i++){
    const char = $input[i];
    chars[char] ??= 0;
    chars[char]++;
  }
  chars;
}
/*@skip*/ fetch('https://cdn.jsdelivr.net/gh/silentmantra/benchmark/loader.js').then(r => r.text().then(eval));

运行此基准测试后，你将看到以下输出：

--------------------------------------------------------------------------------
>                   n=100      |    n=1000     |    n=10000     |   n=100000   
count smart    1.00x x10k 172 | 1.00x x1k 191 | 1.00x x100 246 | 1.00x x10 337
count stupid   4.19x x10k 720 | 4.01x x1k 766 | 5.53x  x10 136 | 5.43x  x1 183
--------------------------------------------------------------------------------