《JavaScript忍者秘籍》——1.4 当前最佳实践

简介: 这些最佳实践技术,以及在这个过程中我们将学到的其他实践,将极大地提高我们的JavaScript开发水平。用浏览器提供的有限资源开发应用程序,再加上浏览器功能和兼容性问题的日益复杂,因此掌握完整和强大的技能是非常必要的。

本节书摘来自异步社区《JavaScript忍者秘籍》一书中的第1章,第1.4节,作者:【美】John Resig(莱西格) , Bear Bibeault(贝比奥特)著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.4 当前最佳实践

掌握JavaScript语言和跨浏览器编码问题是成为Web应用程序开发专家的重要条件,但它们并不是全部。要进军专家行列,还需要秀出以下很多开发人员之前都已经掌握的高质量代码。我们将在第2章深入研究这些被称为最佳实践(best practices)的特征,除了熟练掌握语言外,还包括如下元素。

  • 测试。
  • 性能分析。
  • 调试技巧。

在我们的编程过程中,时常遵守这些最佳实践是极其重要的;跨浏览器开发的复杂性也直接证明了这一点。让我们来看看这些实践。

1.4.1 当前最佳实践:测试
在本书中,我们将使用大量的测试技术,以确保示例代码的运行符合我们的预期,同样也作为测试一般代码的示例。对于测试,我们将使用的一个主要工具是assert()函数,其目的是断言代码是true还是false。

该函数的一般形式是:

screenshot

第一个参数是一个条件,应该是true,而第二个参数则是一个消息,在第一个参数不为true时进行显示。

考虑如下代码:

screenshot

如果变量a的值不等于1,断言就会失败,这些过于戏剧性的消息就会显示。

注意,assert()函数并不是JavaScript语言的原生特性(一些像Java这样的语言,也提供这样的功能),所以我们会自己实现它。我们将在第2章讨论assert()函数的实现以及使用。

1.4.2 当前最佳实践:性能分析
另一个重要的实践是性能分析。浏览器的JavaScript引擎在JavaScript本身的性能表现上取得了惊人的进步,但这并不是我们编写劣质和低效代码的借口。

我们将使用本书稍后的如下代码,收集性能信息:

screenshot
上述代码中,我们在代码执行的地方记录时间戳:一个在代码执行开始前,一个在代码执行后。两个时间戳之间的差值告诉我们代码执行了多少时间,使用相同的方式,我们可以测量其他替代代码方案的执行时间。

注意我们是如何多次执行代码的;在本例中,我们执行的次数由maxCount表示。因为代码的单次操作执行太快而很难准确地测量,所以我们需要多次执行代码以获取可衡量的值。至于执行次数有多频繁,这个数可以是成千上万,甚至上百万,这取决于被测代码的性质。通过反复试验,我们可以选择一个合理的值。

这些最佳实践技术,以及在这个过程中我们将学到的其他实践,将极大地提高我们的JavaScript开发水平。用浏览器提供的有限资源开发应用程序,再加上浏览器功能和兼容性问题的日益复杂,因此掌握完整和强大的技能是非常必要的。

相关文章
|
7月前
|
JavaScript 前端开发
JavaScript 基础第四天笔记
JavaScript 基础第四天笔记
22 0
|
9月前
|
JavaScript 前端开发
JavaScript 手写代码 第二期
JavaScript 手写代码 第二期
47 0
|
9月前
|
JavaScript 前端开发
JavaScript 手写代码 第三期
JavaScript 手写代码 第三期
48 0
|
9月前
|
JavaScript 前端开发
JavaScript 手写代码 第四期
JavaScript 手写代码 第四期
63 0
|
9月前
|
JavaScript 前端开发
JavaScript 手写代码 第一期
JavaScript 手写代码 第一期
60 0
JavaScript 手写代码 第一期
|
移动开发 JavaScript 前端开发
JavaScript高级第四天(笔记总结)
JavaScript高级第四天(笔记总结)
107 0
|
移动开发 JavaScript 前端开发
进阶版JavaScript学习【第二期】
进阶版JavaScript学习
81 0
进阶版JavaScript学习【第二期】
|
前端开发 JavaScript