如何比较不同方法在测量JavaScript函数性能上的优劣？

本文共计2228个文字，预计阅读时间需要9分钟。

目录+概述+Perfomance.now+Console.time+时间精度+注意事项+分而治之+注意输入值+多次运行函数+在不同浏览器中+监测CPU使用情况+相对表现+总结+概述+测量执行一个函数所需的时间

目录

• 概述
• Perfomance.now
• Console.time
• 缩短时间精度
• 需要注意的事项
• 分而治之
• 注意输入值
• 多次运行函数
• ...在多个浏览器中
• 节流你的CPU
• 测量相对表现
• 总结

概述

测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法，可以确保性能没有在某些改变后受到影响，也可以追踪瓶颈。

良好的性能有助于获得良好的用户体验，良好的用户体验会让用户回头客。一项研究显示，88%的在线消费者因为性能问题，在用户体验不佳后用户回来的可能性较小。

这就是为什么能够识别代码中的瓶颈并测量改进的原因。尤其是在为浏览器开发JavaScript时，要注意到你写的每一行JavaScript都有可能阻塞DOM，因为它是一种单线程语言。

在这篇文章中，我将解释你如何测量你的功能的性能，以及如何处理你从它们中得到的结果。