Web全栈工程师之路——JavaScript篇——流程控制语句
Posted lyrebirth-world
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web全栈工程师之路——JavaScript篇——流程控制语句相关的知识，希望对你有一定的参考价值。
以下是html代码，个人建议放在IDE里运行，边看效果，边学习~
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS初步(七)——流程控制语句(一)</title> <script> /* 流程控制语句 - 语句的分类: 1.条件判断语句 2.条件分支语句 3.循环语句 条件判断语句: - 使用条件判断语句可以在执行某个语句之前进行判断， 如果条件成立才会执行语句，条件不成立则语句不执行。 - if语句 - 语法一：if(条件表达式) 语句... - if语句在执行时，会先对条件表达式进行求值判断， 如果条件表达式的值为true，则执行if后的语句 如果条件表达式的值为false，则不会执行if后的语句。 在不加{}的情况下，if语句只能控制紧随其后的那个语句 - 一般最好加代码块 - 语法二：if(条件表达式){ 语句... }else{ 语句... } - 当该语句执行时，会先对if后的条件表达式进行求值判断， 如果该值为true，则执行if后的语句 如果该值为false，则执行else后的语句 - 语法三：if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else{ 语句... } - 当该语句执行时，会从上到下依次对条件表达式进行求值判断 如果值为true，则执行当前语句 如果值为false，则继续向下判断 如果所有的条件都不满足，则执行最后一个else后的语句 该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句 条件分支语句(switch语句): 语法： switch(条件表达式){ case 表达式: 语句... break; case 表达式: 语句... break; default: 语句... break; } 执行流程： switch...case...语句 - 在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较 如果比较结果为true，会从那个case开始执行相关case内代码 在case内没加break的情况下，程序执行完当前case之后还会继续向下执行其他的case， 直到下一个case内部有break为止或者case全部走一遍为止 如果比较结果为false，则继续向下比较 - 使用break会跳出switch语句 - default语句为非必须语句，作用是在其它case的比较结果为false的情况下，执行default里的语句 - 建议每个case带上break switch语句和if语句的功能实际上是有重复的，使用switch可以实现if的功能，同样反过来也一样，初期按习惯使用 */ //if条件语句 var a = 12; if(a >= 9 && a <= 11){ alert("这个a的值是在9到11之间的") }else if(a < 9){ alert("这个a的值是小于9的") } else{ alert("这个a的值是大于11的") } //switch条件语句 var a = 2; switch(a){ //内部无break case 1: console.log("一"); case 2: console.log("二"); case 3: console.log("三"); } var a = "abc" switch(a){ //内部有break case "cde": console.log("cde"); case "abc": console.log("abc"); break; case "bcd": console.log("bcd"); default: console.log("上面条件都不等的情况下执行~") } </script> </head> <body> </body> </html>
以上是关于Web全栈工程师之路——JavaScript篇——流程控制语句的主要内容，如果未能解决你的问题，请参考以下文章