前言
最近一直重构项目的前端代码,也参考了各种前端代码的最佳实践,目的是让前端的HTML,CSS,JavaScript代码更符合标准,有更好的性能,更好的可维护性,尝到了重构后的甜头,也萌生了写这个系列博客的念头。前端代码有其固有的灵活性,这就导致了目前前端代码非常混乱的局面,本系列文章希望能起到抛砖引玉的作用,让更多的人重视前端代码的质量,编写更标准的前端代码。
本系列文章共有三篇,分别讨论HTML,CSS,Javascript,本篇将讨论Javascript。
javascript是灵活性非常高的一种脚本语言,使得用其实现的同样功能有多种多样的写法,那么在项目中如果没有统一的规范,就会造成javascript代码难以维护,随着项目的深入,性能j也越来越差,文件也越来越大。所以尽早制定统一的编码规范是非常必要的,下面是整理的一些javascript规范供大家参考。
(1)编码格式
好的编码格式,不同人有不同的看法,但是在同一个项目中一定要有统一的格式。下面是常用的编码格式:
1,缩进: 不使用tab(\0x09)缩进,以4个空格作为逻辑的缩进。
2,左花括号应该在行的结束,而不应该单独一行。应该一直使用花括号括起逻辑块,即使逻辑只有一行,应该也用花括号括起来,这样提高了代码的可读性。例如:
|
1
2
3
4
5
6
7
8
|
for (var i=0; i<100; i++) {
doSomething(i);
}if (statement) {
doSomeThing;
} else {
doSomeThing;
} |
3,用单引号定义字符串。javascript中可以用单引号或者双引号定义字符串,但是因为习惯于在html中elements的属性值的定义使用双引号,而javascript中又经常包含html代码,所以字符串定义使用单引号也是方便于在字符串内部包含含有双引号的html代码。
1 |
var content = '<span , Courier, monospace !important; min-height: inherit !important; white-space: pre-wrap'>;
|