在开发 Web 应用程序时，JavaScript 控制台是一个非常有用的工具。它可以帮助我们调试代码、查看错误以及记录程序的运行时间。其中一个很有用的功能是 console.time() 和 console.timeEnd() 方法，可以帮助我们测量代码块的执行时间。
console.time() 方法用于开始计时器，console.timeEnd() 方法用于停止计时器并输出所花费的时间。然而，在实际应用中，当我们需要获取 console.timeEnd() 的输出时，可能会遇到一些问题。本文将介绍如何从 JavaScript 控制台中获取这些输出。
使用返回值
console.timeEnd() 方法返回所花费的毫秒数，并将其显示在控制台中。因此，我们可以将它们保存在变量中并使用它们进行后续处理。
console.time('myTimer');
// 执行某个耗时操作...
const elapsedTime = console.timeEnd('myTimer');
console.log(`Time elapsed: ${elapsedTime}ms`);在上面的示例中，console.timeEnd() 的返回值存储在 elapsedTime 变量中，并在控制台中打印出所用的时间。我们可以使用这种方法来测试代码块的执行时间，并根据需要进行处理。
自定义输出
如果您不希望在控制台中显示默认输出，您还可以使用自定义消息来代替它。
console.time('myTimer');
// 执行某个耗时操作...
console.timeEnd('myTimer', 'My custom message');在上面的示例中，我们将自定义消息作为第二个参数传递给 console.timeEnd() 方法。这个消息将代替默认输出，并显示在控制台中。使用自定义消息可以帮助我们更好地理解所测量的代码块的含义。
结论
使用 console.time() 和 console.timeEnd() 方法来测量 JavaScript 代码块的执行时间是非常有用的。通过使用返回值和自定义输出等方法，我们可以从控制台中获取 console.timeEnd() 的输出，并对其进行后续处理。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30799