避免大量使用if..else

# 避免大量使用if...else的小技巧

# 改成return形式

让代码变得更简洁、更易读，且更容易编辑

if (condition1) {
// do condition1 
  return;
}

if (condition2) {
  // do condition2
  return;
}
if (condition3) {
  // do condition3  
  return;
}

1
2
3
4
5
6
7
8
9
10
11
12
13

# map 写法

以前写法

if(x===a){
    res=A
}else if(x===b){
   res=B
}else if(x===c){
   res=C
}else if(x===d){
    //...
}

1
2
3
4
5
6
7
8
9

改造后

let mapRes={
    a:A,
    b:B,
    c:C,
    //...
}
res=mapRes[x]

1
2
3
4
5
6
7

# 数组写法

以前写法

const isMammal = (creature) => {
  if (creature === "human") {
    return true;
  } else if (creature === "dog") {
    return true;
  } else if (creature === "cat") {
    return true;
  }
  // ...
return false;
}

1
2
3
4
5
6
7
8
9
10
11

改造后

const isMammal = (creature) => {
  const mammals = ["human", "dog", "cat", /* ... */];
  return mammals.includes(creature);
}

1
2
3
4

上次更新: 2024/08/14, 04:14:33

← 配置表取代硬编码处理双向绑定-字符串→