[快速入门前端 43] JavaScript：流程控制和区块

流程控制

一般而言，JavaScript 的程式会照顺序由上至下一行一行执行，不过当我们在某条件下不想执行某段程式，或需要重複执行某段程式时，就需要进行流程控制。JavaScript 的结构主要分为三种：顺序结构、分支结构、以及循环结构。

顺序结构
预设，不做任何流程控制情况下程式执行依序一行一行执行。

// 一行一行按照顺序往下执行let a = 12;a++;console.log(a);

选择结构
依据不同的条件执行不同的程式段落，会透过 if-else、switch 等语句进行控制，在此结构中不管有几个条件(选择)，最终都只能有一个被执行。

// 最终只会执行某个选择if (条件) { // 选择一}else { // 选择二}

迴圈结构
依照条件重複执行某程式段落，直到不满足条件，例如 for、while 等。

while (条件) {    // 重複执行里面的程式}

区块

在上面的範例中我们可以看到流程控制关键字的后面都会跟着 {} 的符号，在 JavaScript 中这个符号代表着程式的区块，以左大括号 { 为区块开始，右大括号 } 为结束，主要功能为区分程式码段落，并不会改变程式的执行顺序和执行与否。

被 {} 包住的程式执行顺序不会改变

// 执行顺序不会被改变，一样是 1 -> 2 -> 3console.log(1);{    console.log(2);}console.log(3);

而在实际开发中，区块通常会搭配 if-else、while 等控制流程的语句做使用，主要用来指定语句所作用的程式区块，例如 if (条件) { 符合条件执行的程式 }，而 {} 外则不会受到流程控制的影响。

区块搭配控制流程的语句

console.log(1); // 其他语句，不受 if 条件影响if (a > 0) {    // 符合 a > 0 时执行区块中的内容}console.log(2); // 其他语句，不受 if 条件影响

---

上一篇：[快速入门前端 42] JavaScript：运算式和运算子 (3) 三元运算子与运算子的优先性
下一篇：[快速入门前端 44] JavaScript：条件判断 (1) if-else 语句
系列文章列表：[快速入门前端] 系列文章索引列表