注意:
该文章由JS小白(本人)编写完成,仅为个人总结和理解,若有纰漏和误解,还望多多指出,共同成长😋
程序结构
众所周知,一个程序是由众多的代码和数据组成,而这些代码和数据的结合就被称之为结构。
一般有三种结构:
顺序结构
自上而下,逐行执行,先来后到,相同语句,后面的覆盖前面的
选择分支结构
多条路径,根据不同条件,只执行其中的一条或选择性的执行多条
循环结构(下一节再说)
重复执行某些代码,代替某些重复性操作,减少代码冗余,提升效率
顺序结构
var a = 10;
var b = 20;
var c = a;
a = b;
b = a; 此时a的值已经改变
b = c;
console.log(a,b);
分支结构(选择结构)
if(条件){
条件为真(true或者隐式转换true)时,将要执行的语句(statements)
}
var a = 1;
if (a == 1) {
console.log('a', a);
} // 单分支
var b = 1;
if (b == 2) {
console.log('b', b);
} else {
console.log('b不等于2');
} // 双分支
var c = 1
if (c == 1) {
console.log('c', 1);
} else if (c == 2) {
console.log('c', 2);
} else if (c == 3) {
console.log('c', 3);
} else {
console.log('c不符合之前的条件');
} // 多分支
switch-case
switch(变量或者表达式){
case 值1:
如果变量或者表达式的值和值1相同(全等比较)可执行的语句
break; // 结束
case 值2:
如果变量或者表达式的值和值2相同(全等比较)可执行的语句
break;
...
case 值n:
statements
break;
default:
当所列出来的值和变量或者表达式的值都不相同默认执行的代码
}
var oDate = new Date();
var d = oDate.getDay(); // 判断今天是星期几
switch(d){
case 0:
console.log("周日");
break;
case 1:
console.log("周一");
break;
case 2:
console.log("周二");
break;
case 3:
console.log("周三");
break;
case 4:
console.log("周四");
break;
case 5:
console.log("周五");
break;
case 6:
console.log("周六");
break; // 最后一个分支的break可以省略
}
当有多个值的结果相同的时候,可以用到穿透
var oDate = new Date();
var d = oDate.getDay(); // 判断今天是星期几
switch(d){
case 0:
console.log("休息");
break;
case 1:
case 2:
case 3:
case 4:
case 5: // 穿透
console.log("上课");
break;
case 6:
console.log("复习");
break;
}
以上情况也可以把多个相同的情况写到default分支中,指除了以上分支的剩余情况
var oDate = new Date();
var d = oDate.getDay();
switch(d){
case 0:
console.log("休息");
break;
case 6:
console.log("复习");
break;
default:
console.log("上课");
}
if-else和switch-case使用场景还是稍有不同,if通常用于表示范围的情况,switch通用用于值是有限的确定的情况
以上是关于JS第三小节的总结,下次再见😘