javascript中if和switch，==和===详解

今天改插件BoxScroll的时候，由于if里面的条件判断多于两个，因而立马想着改写switch。改到一半，突然记起来JSHint等代码质量检测工具中的一个要求，用===替换==，不用不可靠的强制转型。而后突然猜测，改为switch是否是会下降效率啊？switch里面的实际判断是==仍是===?

有了想法，赶忙举个栗子，好一口吃掉:

var a = '5';
switch (a) {
  case 5:
    console.log('==');
    break;
  case "5":
    console.log('===');
    break;
  default:
}

　　

最后控制台显示的是===，看来能够放心的用。找了下之前的学习笔记，嗯，高三里面确实也说switch判断是全等运算符，所以不会发生类型转换。这里小结一下

　　1.if和switch

if 是用得最多的，没什么太多好说。值得注意的一点是：if 其实和 || 很像，若是if (conditionA){} else {} 中的conditionA为true，而后它执行完else以前的代码块后就看都不会看else里面的代码。和 || 前面为true的时候后面会被忽略同样，即使里面有再多的错误。基于这个性质，固然把可能用得最多的代码块放在前面，减小判断次数。另外一方面，若是有不少的js if 判断，并且可能执行的次数分布比较均匀，那么后面的判断语句每次都要把前面的判断一个一个执行完，不利于优化。比较好的作法是将一层判断语句变成两层判断语句，如

if (a > 0 && a <= 1) {
  //do something
} else if (a > 1 && a <= 2) {
 
} else if (a > 2 && a <= 3) {
 
} else if (a > 3 && a <= 4) {
 
} else if (a > 4 && a <= 5) {
 
} else if (a > 5 && a <= 6) {
 
}...

　　

变为

if (a > 0 && a <= 4) {
  if (a <= 1) {
    //do something
  } else if (a > 1 && a <= 2) {
 
  } else if (a > 2 && a <= 3) {
 
  } else if (a > 3 && a <= 4) {
 
  }
} else if (a > 4 && a <= 8) {
  //
}..

　　

　　虽然前面的每一个判断都多加了一次，可是后面的判断就都减小了(4-1)*n次，仍是满赚的。突然以为这种方式和嵌套循环有点像，循环次数少的放在外面有助于性能优化，如何分红两层甚至多层就要看具体状况了。

　　switch是 if 最亲密的战友，每次 if 忙不过来的时候就过来搭把手。switch和 if 互转估计没什么好说的，并且switch和if同样，都是顺序从上往下执行判断的，有所不一样的是 if 中的else在switch里面可无论用，它有本身的小弟:break。若是没有遇到break，switch会继续往下执行，如

var a = 2;
switch (a) {
  case 1:
    console.log("1");
    //break miss
  case 2:
    console.log("2");
  case 3:
    console.log("3");
  default:
    console.log('no break');
}

　　

　　最后控制台显示 2,3,no break 。其实也蛮好理解，break是提示程序跳出内部执行体到下一个case 判断，若是没有了，至关于 if(condition){A}{B},没有了else，A和B固然都要执行啦。还有两个小tip，一是switch和case中能够写任何表达式，如

switch (A + B) {
  case a * b:
    console.log("1");
    break;
  case a / b + c:
    break;
    //...
  default:
    console.log('no break');
}

　　

　　实际上的比较是 (A+B)===(a*b)和(A+B)===(a/b+c)。二是switch有一种特殊的用法，如

switch (true) {
  case condition1:
    //do something
    break;
  case condition2:
    break;
    //...
  default:
    //..
    ;
}

　　

　　此时switch中的每个case都会按照顺序判断执行。至于switch(false)?并无什么卵用。

　　2.==与===

　　一句话搞定，除了在比较以前不转换操做数以外，全等和不全等操做符与相等和不相等操做符并无什么不一样。

　　最经典的案例

var a = "5",
  b = 5;
a == b     //true
a === b     //false
var a = "ABC",
  b = "AB" + "C";
a === b     //true

　　

　　下面的显示true的缘由其实和string类型不可变是分不开的。表面看上去b只是简单的拼接一个字符串，但实际上它已经和原来的b没有关系。每个字符串都存在内存池中特定的地方，当b="AB"+"C"执行完的时候，字符串AB和C就已经被销毁，而b指向内存池中ABC的位置。因为在指向前在内存池中发现了字符串ABC(由于a引用着它，因此存在)，因此b就和a指向同一块区域，全等判断相等。若是在b以前没有任何变量指向字符串ABC，那么内存池中没有，就会在里面划一块地方给ABC，并将b指向ABC。