JS中的 if 语句、switch 语句与 && ||

最近在刷题过程中，遇到许多 if 语句可以改写成switch语句或&&运算符的。觉得很简洁，所以来综合总结一下。

if 语句

 if (ops[i] === "C") {
      res.pop()
    } else 
    if (ops[i] === "D") {
      res.push(res[res.length-1] * 2)
    } else 
    if (ops[i] === "+") {
      res.push(res[res.length - 1] + res[res.length -2])
    } else 
    if 
    (parseInt(ops[i]) !== NaN) {
      res.push(Math.floor(ops[i]))
    }

if 语句是最常见的写法，也是最为简单易懂的写法，但是代码太多，看着不是很清爽。可以改写成：

switch 语句

switch (ops[i]) {
  case "C":
    res.pop()
    break;
  case "D":
    res.push(+res[res.length-1] * 2)
    break;
  case "+":
    res.push(+res[res.length - 1] + +res[res.length -2])
    break;
  default:
    res.push(+ops[i]);
}

switch 语句看起来清爽很多，但是在需要进行不等判断的情况下是无法实现的。因此可使用情况相对小一点。

&& || 语句

(ops[i] === "C" && res.pop()) || (ops[i] === "D" && res.push(+res[res.length-1] * 2)) || (ops[i] === "+" && res.push(+res[res.length - 1] + +res[res.length -2]) || (parseInt(ops[i]) !== NaN && res.push(Math.floor(ops[i]))))

只用一行代码就可以实现了。 && || 语句，也称短路语句。即：如果 && 前面一个语句为 true，则这语句等于 && 后面的值（true / false）。如果 || 前面一个语句为 false，则这句语句等于 || 后面的值（true / false）。 一开始我的理解是，&& 约等于 if() ，|| 约等于else ，但 && || 运算符的本质是在进行与、或判断。 首先从左向右进行判断，如果 ops[i] === "C" 运行结果为 true，那就是 true && res.pop()，结果就是 res.pop() ，被判断为真。而后面接的又是 || 运算符，当前面被判断为真时就不会再向后进行运算。所以最后的结果就是 res.pop()。而如果运算结果为false，则 ops[i] === "C" && res.pop() 整个就是false，那么就会通过后面的 || 运算符 继续向后运算，向后面找。 因此这就给了人一种类似于 if…else 语句的错觉。其实这两种写法，只有最后的运算结果是一样的，但是运算的原理不同。 && || 运算符写法，虽然非常的简洁，精炼。但是其中包含的逻辑却非常的复杂。一般不会大量的用来开发。维护性不佳。 下面这种情况例外：

var YAHOO = window.YAHOO || {};

或

this.name = name || 'mama';