带你走进从零认识JavaScript到精髓（五）JavaScript 分支语句

一、什么是JavaScript的语句

表达式在javascript中是短语，换行的短语或分号结束的短语就是一行语句。JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。语句通常使用一个或者多个关键字来完成指定的任务，浏览器会按照编写顺序来执行每条语句。语句大小写敏感。

javascript语句：JavaScript语句向浏览器发送的命令。语句的作用是告诉浏览器该做什么。

分号

• 分号用于分隔 JavaScript 语句。
• 通常我们在每条可执行的语句结尾添加分号。
• 使用分号的另一用处是在一行中编写多条语句。

1.1语句的声明

// 1、每行一条语句
var a = 1;
var b = 2;
var sum = a + b;
var c = 1 + 2;
console.log(a,b,sum);

// 2、一行多条语句
var a,b;a = 1;b = 2;var sum = a + b;
console.log(a,b,sum);

1.2JavaScript代码块

JavaScript可以分配地组织起来，代码块以左花括号开始，以右花括号结束。

作用：代码块可以将多行语句排成序列依次执行

二、条件判断语句

条件语句用于基于不同的条件来执行不同的动作。通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

• if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
• if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
• if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

条件语句：通过判断指定表达式的值来决定执行还是跳过某些语句

语法：

// 1、先判断条件是否满足情况
if (条件) {
    当上面括号里的条件为 true 时执行的代码
}

// 2、if代码块后面，还可以跟一个else代码块，表示条件不满足时，所要执行的代码
if (条件) {
    当上面括号里的条件为 true 时执行的代码
} else {
    当上面括号里的条件不为 true 时执行的代码
}

// 3、多分支语句
if (条件1) {
    当条件 1 为 true 时执行的代码
} else if (条件2) {
    当条件 2 为 true 时执行的代码
} else {
  	当条件 1 和 条件 2 都不为 true 时执行的代码
}

示例：

/*
	if-alse选择结构：条件是一个范围判断
	      条件运算的结果：true/ false
	      
   if(条件){ // 条件结果只能是true/false
     ....
   } else {
   	 ....
   }
*/

/*
生活中，经常出现带有条件的现实场景
    考试成绩
    成绩>=60 及格
*/

// 要求用户从键盘录入一个成绩
var score = prompt("请录入成绩");
// 范围判断
if(score >= 60) {
  alert("成绩及格");
}

// 怎么输出成绩不合格呢？表示条件不满足时，所要执行的代码
if (score >= 60){
    alert("成绩及格");
} else {
    alert("成绩不及格");
}

// 用一个gender接受输入的性别
var gender = prompt('您的性别是：');
// if 判断性别
if (gender == '男') {
  alert('上男厕所吧！')
} else if (gender == '女') {
  alert('上女厕所吧！')
} else {
  alert('不知道了')
}

/*
用户录入成绩单，成绩在86~100评价优秀；71~85良好；60~70及格；0~59不及格！
*/

// 键盘录入成绩
        var score = prompt("请录入成绩");

        // if-else判断
        // if(0 <= score < 60) {// 错误的！！！！！！！
        if(score >= 0 && score < 60){// 如果 if(条件)
            alert("不及格");
        } else if(score >= 60 && score <= 70) { // 再如果  else if(条件)
            alert("及格");
        } else if(score >= 71 && score <= 85) {//
            alert("良好");
        } else if(score >= 86 && score <= 100) {
            alert("优秀");
        } else {// 否则  没有条件
            alert("这里已经不是你的舞台了......");
        }
        /*
            逻辑运算符
                并且：&&
                    条件1 并且 条件2 并且 条件3....
                    当所有条件为true ，结果就是true
                    当任意一个条件为false，结果为false
         */

三、Switch语句

switch 语句用于基于不同的条件来执行不同的动作。它工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case。 case穿透 由于switch case语句在比较的时候用的是全等

语法：

/*  switch-case 选择结构
			条件是一个具体的数据，使用具体的数据和case中的数据进行全等比较
			switch(数值){ 
				case 数值1:  // 其实进行了 数值 === 数值1 的判断
						....
						break;
         ....
			}
			
			像选择题
*/
switch(n) {
  case 1:
    执行代码块 1
    break;
  case 2:
    执行代码块 2
    break;
  default:
    break;
  //n 与 case 1 和 case 2 不同时执行的代码
};

/*
            switch-case选择结构
                条件是一个具体的数据，使用具体的数据和case中的数据进行全等比较
            switch(数值) {
                case 数值1:// 其实是进行了 数值 === 数值1 的判断
                    .....
                    break;
                .....
            }
        */
        /* 1. 练习switch-case的第一个案例*/
        /*
        var choice = prompt("请输入你的选项:");

        switch(choice) {
            case "A":// choice === "A"
                alert("答案错误");
                break;
            case "B":
                alert("答案正确");
                break;
            case "C":
                alert("答案错误");
                break;
            case "D":
                alert("答案错误");
                break;
            default:
                alert("你脑子有炮啊……");
        }
        */
        /*2. 练习switch-case的第二个案例*/

        var choice = prompt("请输入你的选项:");
        switch(choice) {
            case "A":// 没有在case中添加break;。会造成case穿透
                var x = "*******";
            case "C":
                var c = "********";
            case "D":
                alert("答案错误");
                break;
            case "B":
                alert("答案正确");
                break;
            default:
                alert("没有这个选项");
        }

        /*3.输入0-6整数，判断星期*/
        /*
        // 用户输入整数
        var num = prompt("请输入整数：");// "3"
        // 判断
        switch(num) {// switch()括号中间是一个具体的数值  没有隐式类型转换
            case "0":// case后面是要跟num比较的数值
                alert("星期天");
                break;// 执行完这个case之后，结束选择语句
            case "1":
                alert("星期一");
                break;
            case "2":
                alert("星期二");
                break;
            case "3":
                alert("星期三");
                break;
            case "4":
                alert("星期四");
                break;
            case "5":
                alert("星期五");
                break;
            case "6":
                alert("星期六");
                break;
            default:// 否则
                alert("没有这一天");
        }
        */

default 关键词

请使用 default 关键词来规定匹配不存在时做的事情.

示例：

	var num = Number(prompt("请输入一个数："));
    switch(num) {
        case 1:
            alert("你好数字1");
            break;
        case 2:
            alert("你好数字2");
            break;
        default:
            alert("你好其它数字");
            break;
    }

写在后面：

世界上最遥远的距离，就是你在if里我在else里，似乎一直相伴却永远分离；

世界上最痴心的等待，就是你是switch我是case，或许永远选不上自己，但是永远相伴。

总结

以上就是今天带你走进从零认识带你走进从零认识JavaScript到精髓（五）JavaScript 分支语句
会持续更新中…
原创不易，期待您的点赞关注与转发评论