JS语法也可以有C#的switch表达式

当你在编写JavaScript时，你可能想使用一种类似于C#语言中switch语句的方式来处理条件分支。在ES2020中，引入了一个新的语法糖——switch表达式，它是对传统switch语句的升级版本，它可以以更简单的方式处理更复杂的逻辑判断。

switch语句

首先，我们来看一下普通的switch语句的例子。

let fruit = "apple";
switch(fruit){
  case "apple":
    console.log("This is an apple.");
    break;
  case "banana":
    console.log("This is a banana.");
    break;
  default:
    console.log("This is not a fruit.");
}

switch语句的结构比较清晰，首先是一个switch关键字，后面跟着一个变量，用于表示要判断的值。然后是一系列的case语句，每个case语句的后面都跟着一个代码块（被花括号包裹的代码）。当变量的值等于某个case语句中所设置的值时，就会执行该case语句后面的代码块。如果没有任何一个case匹配到，就会执行default语句后面的代码块。

switch表达式

现在我们来看一下新的switch表达式是如何改变这个过程的。与普通的switch语句最大的不同在于，switch表达式可以将多个case语句合并成一个表达式。

let fruit = "apple";
let result = switch(fruit){
  case "apple", "pear", "peach":
    "This is a kind of fruit.";
    break;
  case "chicken", "beef", "pork":
    "This is not a kind of fruit.";
    break;
  default:
    "I don't know what this is.";
}
console.log(result); // This is a kind of fruit.

在上面的例子中，我们将apple、pear和peach这三种水果合并成一个case语句，在它后面的代码块中只有一个简单的字符串，而不是一堆语句。当fruit的值等于这三种水果中的任意一种时，就会返回"This is a kind of fruit."。同样，我们也将肉类类别合并到一个case语句中，如果fruit的值等于任何一种肉类类别，就会返回"This is not a kind of fruit."。

通过使用switch表达式，我们可以更清晰地编写代码，同时减少代码的数量。它是一个非常方便的工具，可以使我们的代码更易于阅读和维护。

总结

在ES2020中引入的switch表达式语法糖，可以让我们更方便地编写判断逻辑。我们可以通过在case语句中列出多个值，将多个判断合并成单个表达式，使代码更加简洁易读。除此之外，switch表达式的执行也可以通过“=>”语法指定，这在某些情况下可以减少代码的体积和复杂度。