JavaScript 的一点小技巧

[yyzclyang]

| 和 &

| （或）和 & （且）是用来进行布尔判断的。

a || b / a && b的值基本上不可能是true或者false，它们的值一般为falsy或者truthy

falsy值的个数是有限多个，分别为undefined、null、0、""、NAN，再加上false。

| 符号

当进行 | （或）运算时，只要有一个值为真，那么整个结果为真，其他情况为假。

a || b || c...

• 如果结果为false，那么它的值为最后一个falsy值

例： 0 || undefined || null || console.log('true')

它的结果为false，所以它的值为console.log('true')的falsy值，虽然它是一句执行语句，但是它的值仍然为undefined

• 如果结果为true，那么它的值为第一个truthy值，后面的代码不会执行

例： 0 || undefined || 1 || 2 || console.log('true')

当它执行到1时，计算的结果为true，所以后面的代码不会执行，整个式子的值为1

& 符号

当进行 & （且）运算时，只有全部值为真，那么整个结果才为真，其余为假。

a && b && c...

• 如果为false，那么它的值为第一个falsy值，后面的代码不会执行

例： null && console.log('false') && 8 && 1

它的结果为false，当它执行到0时，得到了false，后续代码就不会执行了

• 如果为true，那么它的值为最后一个truthy值

例： 1 && 'a' && {} && []

它为true，所以它的值为最后一个truthy值

利用 | （或）避免危险代码

比如var a = {}，乍一看，这定义个变量好像没什么问题，但是其中包含了一个陷阱。那就是你不知道这个a变量是不是已经定义了，如果a变量在之前就已经定义使用了，那么这句代码就会重新定义a变量，极其容易产生错误。

那么在和他人合作完成代码，不清楚某个变量的是否被定义时，应该加一个判断：

if(a){ 
  a = a;
}else{
  var a = {};
}

//可以优化成

var a = a || {}