JS基础：选择结构

代码块

用{}包围起来的代码，就是代码块。

在 ES5 语法中，代码块，只具有分组的作用，没有其他的用途。代码块中的内容，在外部是完全可见的。举例：

{
    var a = 2;
    alert('你好');
    console.log('中国');
}

console.log('a = ' + a);

流程控制语句

JS中的程序是从上到下一行一行执行的，通过流程控制语句可以控制程序执行流程，使程序可以根据一定条件选择执行

流程控制语句分类

• 顺序结构

• 选择结构：if 语句、switch 语句

• 循环结构：while 语句、for 语句

顺序结构

按照代码的先后顺序，依次执行

if else选择

代码示例

// 以下所有的代码块中，只执行其中一个

if (条件表达式1) {
    // 条件1为真时，做的事情

} else if (条件表达式2) {
    // 条件1不满足，条件2满足时，做的事情

} else if (条件表达式3) {
    // 条件1、2不满足，条件3满足时，做的事情

} else {
    // 条件1、2、3都不满足时，做的事情
}

switch 语句

执行流程

• 首先，switch的值和 case的值 依次比较，一旦匹配，就会执行相应的语句，在执行的过程中，遇到 break 才会结束
• 然后，如果所有的 case 都和表达式的值不匹配，就会执行 default 语句体部分

基本语法

switch(变量) {
	case 值1：
		语句体1;
		break;

	case 值2：
		语句体2;
		break;
	...
	---
	default：
		语句体 n+1;
		break;
}

switch 和 case 的值

• switch 后面的括号里可以是表达式或者值， 通常是一个变量
• case 后面的值可以是任意数据类型的值，即整型或浮点数以及字符串，甚至可以是运算，是个函数调用

let age = 28;

switch (true) {
    case age < 18:
        console.log('未成年人');
        break;
    case age >= 18 && age <= 65:
        console.log('还能干活儿');
        break;
    case age > 65:
        console.log('该退休了');
        break;
    default:
        console.log('默认文案');
        break;
}

switch 语句的结束条件

• 情况 a：遇到 break 就结束，而不是遇到 default 就结束，break 在此处的作用就是退出 switch 语句
• 情况 b：执行到程序的末尾就结束

case 穿透

• switch 语句中的break可以省略，对于新手一般不建议，省略break会出现一个case 穿透现象
• 当然，如果你能利用好 case 穿透，会让代码些得十分优雅

case 穿透案例

//switch判断语句
var number = 5;

switch (number) {
    default:
        console.log('我是defaul语句');
    // break;
    case 2:
        console.log('第二个呵呵:' + number);
    //break;
    case 3:
        console.log('第三个呵呵:' + number);
        break;
    case 4:
        console.log('第四个呵呵:' + number);
        break;
}

/*
执行结果：
我是defaul语句
第二个呵呵:5
第三个呵呵:5

switch 语句的优雅写法：适时地去掉 break

let day = 2;

switch (day) {
    case 1:
    case 2:
    case 3:
    case 4:
    case 5:
        console.log('work');
        break; // 在这里放一个 break

    case 6:
    case 7:
        console.log('relax');
        break; // 在这里放一个 break

    default:
        break;
}