带你走进从零认识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 分支语句
会持续更新中…
原创不易，期待您的点赞关注与转发评论