24.4 小结

优质
小牛编辑
126浏览
2023-12-01
随着JavaScript 开发的成熟,也出现了很多最佳实践。过去一度认为只是一种爱好的东西现在变成了正当的职业,同时还需要经历过去其他编程语言要做的一些研究,如可维护性、性能和部署。

JavaScript 中的可维护性部分涉及到下面的代码约定。

  • 来自其他语言中的代码约定可以用于决定何时进行注释,以及如何进行缩进,不过JavaScript需要针对其松散类型的性质创造一些特殊的约定。
  • 由于JavaScript 必须与HTML 和CSS 共存,所以让各自完全定义其自己的目的非常重要:JavaScript 应该定义行为,HTML 应该定义内容,CSS 应该定义外观。
  • 这些职责的混淆会导致难以调试的错误和维护上的问题。

随着Web 应用中的JavaScript 数量的增加,性能变得更加重要,因此,你需要牢记以下事项。

  • JavaScript 执行所花费的时间直接影响到整个Web 页面的性能,所以其重要性是不能忽略的。
  • 针对基于C 的语言的很多性能的建议也适用于JavaScript,如有关循环性能和使用switch 语句替代if 语句。
  • 还有一个要记住的重要事情,即DOM 交互开销很大,所以需要限制DOM 操作的次数。

流程的最后一步是部署。本章讨论了以下一些关键点。

  • 为了协助部署,推荐设置一个可以将JavaScript 合并为较少文件(理想情况是一个)的构建过程。
  • 有了构建过程也可以对源代码自动运行额外的处理和过滤。例如,你可以运行JavaScript 验证器来确保没有语法错误或者是代码没有潜在的问题。
  • 在部署前推荐使用压缩器将文件尽可能变小。
  • 和HTTP 压缩一起使用可以让JavaScript 文件尽可能小,因此对整体页面性能的影响也会最小。