关于 js 中使用 switch (true) 和 if else

[Flands]

switch (true) {
  case this.status === 0 && data.type === 1:
  case (this.status === 2 || this.status === 3) && data.status === 2:
    this.nextBtnIsOk = true
    break;

  default:
    break;
}

if (
  (this.status === 0 && data.type === 1) ||
  ((this.status === 2 || this.status === 3) && data.status === 2)
) {
  this.nextBtnIsOk = true;
}

投个票，大家习惯写哪种格式？两种都可以，看团队代码风格。
主要是 if else 的括号太多，看着有点累，哈哈。。

[love]

这种 switch 写法是什么鬼？从来没见过，而且感觉很容易出错。

switch (true) { case true: console.log("FUCK"); }
这的确可以

但
switch (true) { case 1: console.log("FUCK"); }
这就不行了吧，你得确保条件都返回 true 别的 true 值都不行，这太容易出错了，比如一个函数返回值你不能确定就是 true，你得用 case Boolean(isSomething())包一层

[weixiangzhe]

还能这样玩啊，涨见识了，话说这个 do-expression 也挺好的
https://babeljs.io/docs/en/babel-plugin-proposal-do-expressions

[dartabe]

楼上的 if + early return 比较好

反正我感觉只有 if 没有 else 的代码比较好读

[zmNv0]

若单变量，使用 switch
若多变量，使用 if return

[xingchong]

js 成天被喷简单，是个人都会用，看楼上回复竟然这么多第一次见到 switch ？？？
都是后端程序猿吗？
用哪种方式，主要看业务逻辑，比如判断订单状态，每个状态对应一种逻辑的话，switch 很直观，最后再加一个 default，这种用 ifelse 就看着有点啰嗦。

[GuuJiang]

@xingchong 这是我见过后端被黑的最惨的一次，楼上说的不是第一次见 switch，而是第一次见 switch(true)

[xingchong]

@GuuJiang soga，我说呢，看错了，哈哈哈

[chenyu0532]

我绝大多数情况下使用 if else，莫名的看 swtich 不顺眼

[leeton]

居然能用 switch 。

[Lemeng]

喜欢 if

[DOLLOR]

不喜欢 switch-case 的可以直接用 label 语句，

let nextBtnIsOk = true
label:{
if(this.status === 0 && data.type === 1) break label;
if((this.status === 2 || this.status === 3) && data.status === 2) break label;
nextBtnIsOk = false;
}
this.nextBtnIsOk = nextBtnIsOk;

[forgottencoast]

考虑代码可读性，if 。

[acmore]

如果 If 语句都要写成下边这种形式我选 Switch，读起来太累，然而你不必非要这么写 If 语句，7 楼的写法就舒服很多了。

[DOLLOR]

@BreadKiller
你的这写法会导致每次执行都要计算每个条件的值。改进一下可以使得前面的条件满足后不再计算后面的条件值。

let willSet;
willSet = willSet || this.status === 0 && data.type === 1;
willSet = willSet || (this.status === 2 || this.status === 3) && data.status === 2;
willSet = willSet || xxxxx;
willSet = willSet || yyyyy;
willSet = willSet || zzzzz;
// ...

if (willSet) {
this.nextBtnIsOk = true;
}

[Reapper]

if + return

[ciddechan]

let a = '3';
switch (a) {
case 3:
console.log(false)
break;
case '3':
console.log(true)
break;
}

console.log(a==3)
console.log(a=='3')
console.log(a===3)
console.log(a==='3')

switch 约等于 ===

[jifengg]

也是第一次知道 switch 还能这么玩。

[cnelf]

switch 的可读性确实要强一些，但是感觉不太符合 switch 在设计上的语义。