标签:doc 表达 比较 代码 alert back ice init 控制语句
以下是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篇(七)——流程控制语句(一)
标签:doc 表达 比较 代码 alert back ice init 控制语句
原文地址:https://www.cnblogs.com/lyrebirth-world/p/12934934.html