|
|
|
|
移动端

1.3.3 性能分析

《JavaScript忍者秘籍(第2版)》第1章无处不在的JavaScript,本章我们将一览JavaScript的现状,并探讨几种能够运行JavaScript代码的环境。作为JavaScript的“发祥地”,浏览器将是我们的重点关注对象。此外,我们还将讨论一些JavaScript应用开发中的最佳实践。本节为大家介绍性能分析。

作者:一心一译前端小组 译来源:人民邮电出版社|2018-03-06 14:26

【新品产上线啦】51CTO播客,随时随地,碎片化学习

1.3.3 性能分析

分析性能是另一个重要实践。尽管JavaScript引擎已经让JavaScript以惊人的效率提升,然而我们依然没有理由书写粗糙低效的代码。

我们会使用如下的代码来收集性能信息:

这段代码中,我们把要被测量的代码放在两个计时器调用之间,分别是内置console对象上的time和timeEnd方法。

在操作开始执行之前,调用console.time启动一个命名计时器(本例中计时器名为 My operation)。然后在特定的循环次数下运行代码(本例中运行maxCount次)。由于一次操作执行太快很难测量,所以我们要多次运行代码从而取得一个能够测量的值。运行次数可以成百上千,甚至上万,其完全依赖于将被测量的代码性质。几次摸索后我们就能得到一个合理的值。

操作结束后则用相同的计时器名字调用console.timeEnd。随后浏览器就会输出从开始到当前的时间差。

把这种技术与前面所学到的最佳实践技术统一起来,你对JavaScript的开发能力就会大幅度提升。在浏览器提供的有限资源下,在浏览器能力和兼容性逐渐复杂的世界中开发应用,需要一套健壮和完整的技巧。


喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

软件架构设计

本书紧紧围绕“软件架构设计”这一主题,立足实践解析了软件架构的概念,阐述了切实可行的软件架构设计方法,提供了可操作性极强的完整的架...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊