JavaScript 基本技巧
1.尽量少用全局变量
（1）全局变量的说明
- 变量的作用域是以函数进行管理，函数以外为全局作用域
- 浏览器中以windows作为全局对象本身
（2）隐式产生的全局变量
- 在函数中不声明，直接使用的变量，默认为全局变量
function func(x,y){
result = x + y; // result 为全局变量
}
- 在函数中，使用链式赋值
function func(){
var a = b = 0; // b为全局变量 a为局部变量
}
- 严格模式下，在函数中不声明变量直接用会报错
（3）全局变量的删除问题
- 在全局作用域下，通过var声明的变量，不能使用delete删除
- 在全局作用域下，不通过var声明，直接使用的变量，可以使用delete删除
- 在函数作用域下，不通过var声明，直接使用的变量，可以使用delete删除（严格模式下不允许使用）
（4）单一var模式
只使用一个var在函数顶部进行变量声明（最好能赋初值）
function func(){
var a = 1,
b = 2,
sum = a + b,
obj = {},
i,
j,
...
//函数体
}
- 说明：在函数中，默认会将所有变量的声明语句置顶，因此建议，声明变量的语句均放置到函数体顶部
2.for循环的说明
- 遍历数组的长度需要进行缓存，可以提高速度
- 变量逐步减至0，可以提高效率，使用如下：
for(i = length;i--){
//代码
}
3.for-in循环的说明
- for-in循环用于枚举对象的所有属性
- 为了只把自定义属性枚举，而不是把所有内置属性枚举出来，需要使用hasOwnProperty()方法进行筛选,如下：
for(prop in obj){
if(Object.prototype.hasOwnProperty.call(obj,prop)){
//代码
}
}
4.不要增加内置的原型
- 不要为内置对象增加构造函数（Object,Array,Function等）
- 如果需要为原型添加自定义方法，采用如下方式：
if(typeof Object.prototype.method !== "function"){
Object.prototype.method = function () {
//函数体
}
}
5.switch使用模式
- 每个case与switch纵向排列整齐
- 每个case语句使用代码缩进
- 每个case语句结尾要有一个明确的break语句
- 避免使用fall－throughs方式
- 用default作为switch语句的结束
6.避免使用隐式转换
- 使用 === ,不要使用 ==
7.避免使用eval()
- 如果必须使用eval()函数，可以考虑使用new Function() 来代替
8.parseInt()使用
- 使用时一定不要忽略进制参数
9.编码约定
（1）缩进
- 对大括号中的所有代码执行缩进
（2）大括号
- 在可选使用大括号的情形下，都使用大括号
- 为避免解释器的默认行末加分号的问题，将左大括号与前一个语句放在同一行：
if(true){
//TODO
}
function(){
//TODO
}
（3）空格
使用空格的情况列举如下：
- for循环各部分的分号后
- for循环初始化多个变量时，每个声明后
for (var i = 0, max = 10; i < max; i++)
- 限定数组，每个元素逗号后面
var array = [1, 2, 3];
- 对象属性逗号后，属性名称和属性值之间的冒号后
var obj = {prop1: value1, prop2: value2};
- 函数中各参数后
- 函数声明的大括号之前
function func(a, b, c) {
}
- 匿名函数表达式之后
var func = function () {
}
- 建议在操作符后 ( + - * = < > === !== += 等)
- 在大括号之前使用一个空格
- 在大括号之后，如有else if 或者 while 使用一个空格
命名约定
- 构造函数使用首字母大写的驼峰命名
function MyConstructor(){
...
}
- 普通方法和变量使用驼峰命名
function myFunction(){
...
}
- 精确常量使用全部大写（虽然可以更改其值，但从命名上用于告知）
var PI = 3.14,
MAX_VALUE = 100
- 私有方法使用下划线加驼峰命名（虽然可以访问，但从命名上告知不用调用）
var obj = {
_privateFunc: function () {...}
};
- 受保护属性使用一个下划线开头，私有属性使用两个下划线开头
var obj {
_protectProp: value_1,
__privateProp: value_2
};
