查看: 200|回复: 0

[JavaScript/JQuery] 爱创课堂前端 js基础 综合运算 流程控制语句

发表于 6 天前
太阳http代理AD
爱创课堂前端培训  js基础 综合运算 流程控制语句1.6 综合运算顺序:贴身的(! ++ --)→ 数学 → 比较 → 逻辑 → 赋值

计算:

var a = 4;

var sum = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || 9;

1 原式 = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || 9
2      = 1 * (2 + 3) && 4 || 5 > 6 && 7 < 8 || 9
3 = 5 && 4 || 5 > 6 && 7 < 8 || 9
4 = 5 && 4 || false && true || 9
5 = 4 || false || 9
6 = 4 || 9
7 = 4

练习:

var a = 4;

1 + 2 && 3 * a++ % 5 || 6 < 7 == 8 / !false

1 // 原式 = 1 + 2 && 3 * a++ % 5 || 6 < 7 == 8 / !false
2 //      = 3 && 2 || 6 < 7 == 8
3 // = 3 && 2 || true == 8
4 //      = 3 && 2 || false
5 // = 2 || false
6 //      = 2

二、流程控制语句我们的js通常执行顺序,是从上到下依次。

但是我们可以使用其他方法控制js的执行顺序。也就是控制一些语句先执行或者控制一些语句不执行。
常用的是条件分支语句:

分类:if语句、三元表达式、switch语句。
2.1 if语句2.1.1 简单的if语句if....else...

if:如果

else:否则

抽象模型:

1 if(条件表达式){
2      当条件表达式为真时,执行的结构体。
3 }else{
4      当条件表达式为假时,执行的结构体。
5 }

结构体:就是多个语句的一个集合。

1 var a = parseInt(prompt("请输入您这次考试的成绩"));
2 if(a >= 90){
3 alert("恭喜您及格了!!!!");
4 alert("别骄傲,继续努力");
5 }else{
6 alert("虽然没有及格但是下次继续努力");
7 }

if语句可以不写else。当if条件表达式为假时,直接跳出if语句,执行if语句后的其他语句。

1 var a = parseInt(prompt("请输入您这次考试的成绩"));
2 if(a >= 90){
3 alert("恭喜您及格了!!!!");
4 alert("别骄傲,继续努力");
5 }
6 alert("谢谢您参与这次考试!");

当结构体只有一句js语句时,可以省略大括号(但是不推荐使用)

1 var a = parseInt(prompt("请输入您这次考试的成绩"));
2 if(a >= 90)
3 alert("恭喜您及格了!!!!");
4 else
5 alert("虽然没有及格但是下次继续努力");
6
7 alert("谢谢您参与这次考试!");
2.1.2 多分支if语句可以写多个else if(只能出现一次if只能出现一次else,可以出现多次else if)。

1 if(条件表达式1){
2     满足表达式1,执行的结构体
3 }else if(条件表达式2){
4      不满足表达式1,满足表示式2执行的结构体
5 }else if(条件表达式3){
6      不满足表达式1和表达式2,满足表达式3执行的结构体
7 }else{
8      都不满足执行的结构体。
9 }

我们将考试成绩分为了4个档次,一个成绩只能出现一个档次内。

1 var a = parseInt(prompt("请输入您这次考试的成绩"));
2 if(a >= 90){
3 alert("优秀");
4 }else if(a >= 80){//不用写 80 <= a < 90 ,含义直接就是不满足第一个条件。
5 alert("良好");
6 }else if(a >= 60){
7 alert("及格");
8 }else{
9 alert("同学真该努力了");
10 }

“跳楼现象”,多个else if语句满足跳楼现象。也就是结构体只能执行一次。满足某个条件表达式时意味着他不满足前面所有的表达式。也就是说一个if语句只能执行一次。

也可以不写else,当都不满足条件时,直接跳出if语句之后后面的代码。

1 var a = parseInt(prompt("请输入一个10以内的整数"));
2 if(a <= 3){
3 console.log(a += 2);
4 }else if(a <= 5){
5 console.log(a += 2);
6 }else if (a <= 8){
7 console.log(a += 3);
8 }else{
9 console.log(a ++);
10 }

当输入一个2时,满足a<=3,直接输出4,不会再往下执行。

当输入一个8时,不满足第一层,直接进入第二层(a<=5)。也不满足条件,再进入第三层,满足a<=8直接执行结构体。输出11。不在往下继续执行。

if语句嵌套

if语句里面可以放多个if语句:

1 var sex = prompt("请输入您的性别");
2 var age = parseInt(prompt("请输入您的年龄"));
3 if(sex == "男"){
4 if(age >= 22){
5 alert("小伙你可以结婚了");
6 }else{
7 alert("再等等吧");
8 }
9 }else{
10 if(age >= 20){
11 alert("小姑娘你可以结婚了");
12 }else{
13 alert("小姑娘在等等吧");
14 }
15 }
本文章版权归爱创课堂所有,转载请注明出处。

更多详细内容请访问爱创课堂官网首页

http://www.icketang.com/



太阳http代理AD
回复

使用道具 举报