【JavaScript】规范

样式指南和代码约定

• 标识符名称（变量和函数）使用了驼峰式大小写。所有名称以字母开头。

1. 变量和函数名以驼峰大小写来写

2. 全局变量使用大写

3. 常量（比如PI使用大写）

• 在运算符（ = + - * / ）周围以及逗号之后添加空格。

• 代码块缩进使用 4 个空格。

• 以分号结束单条语句。

• 针对复杂语句（compound）的通用规则：

1. 第一行的结尾处写开括号

2. 开括号前使用一个空格

3. 新行上写闭括号，不带前导空格

4. 不要以分号来结束复杂语句

• 针对对象定义的通用规则：

1. 把开括号与对象名放在同一行

2. 在每个属性与其值之间使用冒号加一个空格

3. 不要在最后一个属性值对后面写逗号

4. 请在新行上写闭括号，不带前导空格

5. 请始终以分号结束对象定义

• 每行的长度超过80个字符。

最佳实践

• 避免全局变量、new、===、eval()

• 所有在函数中使用的变量应该被声明为局部变量。局部变量必须通过 var 关键词来声明，否则它们将变成全局变量。严格模式不允许未声明的变量。

• 好的编码习惯是把所有声明放在每段脚本或函数的顶部。

• 声明变量时对其进行初始化是个好习惯。

• 始终将数值、字符串或布尔值视作原始值。而非对象。

• 勿使用new Object()：

1. 使用{}来代替 new Object()

2. 使用""来代替 new String()

3. 使用0来代替 new Number()

4. 使用false来代替 new Boolean()

5. 使用[]来代替 new Array()

6. 使用/()/来代替 new RegExp()

7. 使用function (){}来代替 new Function()

• 使用 === 比较

1. == 比较运算符总是在比较之前进行类型转换（以匹配类型）。

2. === 运算符会强制对值和类型进行比较。

• 为函数参数设置默认值是一个好习惯：

function myFunction(x, y) {
    if (y === undefined) {
        y = 0;
    }
}

• 用default来结束switch。

• 与其他 JavaScript 相比，访问 HTML DOM 非常缓慢。假如您期望访问某个 DOM 元素若干次，那么只访问一次，并把它作为本地变量来使用：

var obj;
obj = document.getElementById("demo");
obj.innerHTML = "Hello"; 

• 请尽量保持HTML DOM中较少的元素数量。

• 延迟JavaScript加载，请把脚本放在页面底部，使浏览器首先加载页面。