13618602336

网站制作JavaScript编码规范建议

2014-11-05 10:40 浏览 次 来源:未知

 javascript文件引用

  网站制作时javascript程序应该尽量放在 .js 的文件中,需要调用的时候在 html 中以 <script src="filename.js"> 的形式包含进来。javascript 代码若不是该 html 文件所专用的,则应尽量避免在 html 文件中直接编写 javascript 代码。因为这样会大大增加 html 文件的大小,无益于代码的压缩和缓存的使用。另外,<script src="filename.js"> 标签应尽量放在文件的后面。这样会降低因加载 javascript 代码而影响页面中其它组件的加载时间。

  行长度

  每行代码应小于 80 个字符。如果代码较长,应尽量选择换行,下一行代码应缩进 8 个空格。这样可以使代码排版整齐,减轻阅读代码的疲劳感。换行缩进 8 个空格可以和代码段的缩进 4 个空格区分开,以增强代码的可阅读性。

  缩进

  关于缩进的问题,不只是 javascript,几乎所有的语言编写的时候,都会提及缩进的问题。缩进几乎是代码编写规范的第一课,是代码可阅读性判断的直接因素。代码缩进的好处是不言而喻的,但是对于如何缩进,则没有标准而言。最受欢迎的是方便使用 tab 键缩进,也有些喜欢用 2 个、4 个、8 个空格进行缩进。这样缩进风格不一,也同样给代码的阅读带来障碍。提倡用 4 个空格来进行缩进,并在同一产品中采用同一种缩进标准。不支持用 tab 键进行缩进。这是因为直到现在还没有统一的标准来定义 tab 键所代替的空白大小,有些编辑器解析为 4 个空格大小,有些则解析为 8 个。因而用不同的编辑器查看代码,可能造成格式混乱。当然 tab 简单易用,为解决这个问题,建议在设置开发环境时,将编辑器里的 tab 快捷键重新设置为 4 个空格。据了解 eclipse, vi, nodepad++,editplus, ultraedit 等流行的编辑器,均提供了此功能。

  行结束

  javascript 语句应该以分号结束。但大多数浏览器允许不写分号,网站制作只要在本应是分号的地方有一个换行符就行。但是如果代码行较长需要换行的时候,有哪些注意事项呢?换行应选择在操作符和标点符号之后,最好是在逗号’,’之后,而不要在变量名、字符串、数字、或’)’ ’]’ ’++’ ’--’等符号之后换行。这样可以有效的防止拷贝、粘贴而引起的错误,并可有效地增强代码的可阅读性。请见清单 1,代码的输出符合我们的期望。但就写法而言,对 valueb 的赋值语句是在变量 valuea 之后进行的换行,这很容易被误解为 valueb=valuea,给阅读造成障碍。而对 valuec 的复制语句是在’+’之后进行的换行,就容易理解的多。这也是本文所提倡的换行方式。

联系我们

CONTACT US

袁经理: 电话:027-68772750 地址:武汉市洪山区武珞路珞珈山大厦A座1701室 鄂ICP备09016823号-7