编程风格(下)

变量声明

JavaScript 会自动将变量声明”提升“（hoist）到代码块（block）的头部。

xxxxxxxxxx
if (!x) {
  var x = {};
}

// 等同于
var x;
if (!x) {
  x = {};
}

这意味着，变量x是if代码块之前就存在了。为了避免可能出现的问题，最好把变量声明都放在代码块的头部

相等和严格相等

JavaScript 有两个表示相等的运算符：”相等“（==）和”严格相等“（===）。

相等运算符会自动转换变量类型，造成很多意想不到的情况

xxxxxxxxxx
0 == ''// true
1 == true // true
2 == true // false
0 == '0' // true
false == 'false' // false
false == '0' // true
' \t\r\n ' == 0 // true

因此，建议不要使用相等运算符（==），只使用严格相等运算符（===）

语句的合并

有些程序员追求简洁，喜欢合并不同目的的语句。比如，原来的语句是

xxxxxxxxxx
a = b;
if (a) {
  // ...
}

他喜欢写成下面这样

xxxxxxxxxx
if (a = b) {
  // ...
}

虽然语句少了一行，但是可读性大打折扣，而且会造成误读，让别人误解这行代码的意思是下面这样

xxxxxxxxxx
if （a === b）{
  // ...
}

建议不要将不同目的的语句，合并成一行

自增和自减运算符

自增（++）和自减（--）运算符，放在变量的前面或后面，返回的值不一样，很容易发生错误。事实上，所有的++运算符都可以用+= 1代替

xxxxxxxxxx
++x
// 等同于
x += 1;

改用+= 1，代码变得更清晰了。

建议自增（++）和自减（--）运算符尽量使用+=和-=代替