JavaScript Switch 语句示例讲解

完整文章可在 Sweetcode 免费获取

学习任何编程语言时，你都会遇到控制流的概念。当我们希望程序根据我们提供给它的信息和值做出不同的行为时，控制流就派上用场了。

一种流行的控制流结构是 switch 语句。它会根据表达式求值并执行相应的操作。在本文中，我们将学习 JavaScript 中 switch 语句的实现方式，以及它们与其他控制结构（例如if...else语句）的区别。

让我们开始吧。

Switch 语句的语法

switch 语句的基本语法如下：

switch (expression) {
  case value_1:
    statement_1;
    break;
  case value_2:
    statement_2;
    break;
  default:
    default_statement;
}

如你所见，switch 语句接收一个表达式。表达式是任何解析为值的代码单元。例如：

• 3 + 4
• 'hello' + 'world'
• a > 20
• false

您可以在MDN上阅读有关表达式的更多信息。

switch 语句将评估表达式的结果，并执行匹配的case语句，或者default在没有语句匹配的情况下执行语句case。

让我们通过一个实际的例子来看一下：

const name = 'lary';

switch (name) {
  case 'lary':
    alert('Hi lary!');
    break;
  case 'Hillary':
    alert('Hi Hillary!');
    break;
  default:
    alert('Howdy stranger!');
}

尝试运行此代码。更改变量的值name，并注意屏幕上输出不同的问候语。

一旦程序控制进入 switch 语句，expression首先执行，然后将第一个case常量与表达式结果的值进行匹配，如果匹配，则执行该子句中的语句。

在它们不匹配的情况下，程序控制将继续比较表达式的结果与第二个子句，并在匹配时评估其语句。

一旦执行了给定 case 子句的语句（其中break使用了 break 语句），switch case 语句就结束了，程序控制权返回给主程序。由于break语句是可选的，因此当它们不可用时，程序将继续匹配其他 case 子句，无论它们是否匹配了 case，都无需 break 语句。这为 switch 语句引入了一些非常独特的用法。

在所有子句均不匹配的情况下，default如果子句可用，则执行该子句，调用 default 子句的所有语句，然后退出 switch 语句。如果某个default子句不可用，则任何 switch case 中的语句都不会被执行。

流程图

查看Sweetcode 上的完整文章。

无需注册即可访问该文章

通过Twitter | Insta | YouTube | LinkedIn | GitHub与我联系

享受编码❤