Web前端自学记录（十二） JavaScript流程控制语句

JavaScript流程控制语句

1.流程控制语句

流程控制语句
JS中的程序是从上到下一行一行执行的，通过流程控制语句可以控制程序执行流程

语句的分类：
    1.条件判断语句
    2.条件分支语句
    3.循环语句

2.条件判断语句

条件判断语句
使用条件判断语句可以再执行某个语句之前进行判断，
如果条件成立才会执行语句，条件不成立则语句不执行

if语句

语法一：
    if(条件表达式){
    	语句...
    }
    if语句在执行时，会先对条件表达式进行求值判断，
    如果条件表达式的值为true，则执行if后的语句，
    如果条件表达式的值为false，则不会执行if后的语句。
    if语句只能控制紧随其后的那个语句，如果希望if语句可以控制多条语句，可以将这些语句统一放到代码块中
    if语句后的代码块不是必须的，但是在开发中尽量写上代码块
语法二：
    if(条件表达式){
    	语句...
    }else{
    	语句...
    }
    if...else...语句
    	当该语句执行时，会先对if后的条件表达式进行求值判断
    	如果该值为true，则执行if后的语句
    	如果该值为false，则执行else后的语句
语法三：
    if(条件表达式){
    	语句...
    }else if(条件表达式){
    	语句...
    }else if(条件表达式){
    	语句...
    }else{
    	语句...
    }
    if...else if...else语句
    	当该语句执行时，会从上到下依次对条件表达式进行求值判断
    	如果值为true，则执行当前语句
    	如果值为false，则继续向下判断
    	如果所有条件都不满足，则执行else后的语句
    	该语句中只会有一个代码块被执行，一旦代码块执行了，则直接结束语句

prompt

prompt()可以弹出一个提示框，该提示框中会带有一个文本框
用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
该字符串将会作为提示框的提示文字

用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容
prompt()函数的返回值是String类型的
var score = prompt("请输入成绩")

3.条件分支语句

条件分支语句也叫switch语句

语法：
    switch(条件表达式){
    	case 表达式:
        	语句...
         	break;
        case 表达式:
            语句...
            break;
        case 表达式:
            语句...
            break;
        case 表达式:
            语句...
            break;
        default:
            语句...
             break;
    }
执行流程：
    switch...case...语句
    在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较，
    如果比较结果为true，则从当前case处开始执行代码
    当前case后的所有代码都会执行，我们可以在case的后边跟着一个break，
    这样可以确保只执行当前case后的语句
    如果比较结果为false，则继续向下比较
    如果所有的比较结果都为false，则执行default后的语句

    switch语句的if语句的功能实际上由重复的，使用switch可以实现if的功能
    同样使用if也可以实现switch的功能，所以我们使用时，可以根据自己的习惯选择

4.循环语句

while循环

语法：
	while(条件表达式){
		语句...
	}
执行流程：
	while语句执行时，先对条件表达式进行判断
	如果值为true，则执行循环体，循环体执行完毕后，继续对表达式进行判断
	如果为true，则继续执行循环体，以此类推，
	如果值为false，则终止循环

do…while循环

语法：
	do{
		语句...
	}while(条件表达式)
执行流程：
	do...while语句在执行时，会先执行循环体，
	循环体执行完毕以后，再对while后的表达式进行判断，
	如果结果为true，则继续执行循环体
	如果结果为fales，则终止循环

while：先判断再执行
do...while：先执行再判断，可以保证循环体至少执行一次

for循环

在for循环中，为我们提供了专门的位置用来放三个表达式：
	1.初始化表达式
    2.条件表达式
    3.更新表达式
for循环的语法：
	for(初始化表达式;条件表达式;更新表达式){
		语句...
	}
for循环的执行流程：
	1.执行初始化表达式，初始化变量(初始化表达式只会执行一次)
	2.执行条件表达式，判断是否执行循环。
		如果为true，则执行循环
		如果为false，终止循环
	3.执行更新表达式，更新表达式执行完毕继续重复第二步

for循环中的三个部分都可以省略，也可以写在外部
如果在for循环中不写任何的表达式，只写两个;;，此时循环是一个死循环

5.break和continue

break关键字可以用来退出switch或循环语句
不能在if语句中使用break和continue
break关键字，会立即终止离它最近的循环语句

continue关键字可以用来跳过当次循环
同样continue也是默认只会对离它最近的循环起作用

// 可以为循环语句创建一个label，来识别当前的循环
// label:循环语句
// 使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的。

//在程序执行前开启计时器
//console.time("计时器的名字")可以用来开启一个计时器
//它需要一个计时器作为参数，这个字符串将会作为计时器的标识
console.time("test")
//终止计时器
//console.timeEnd()用来停止一个计时器，需要一个计时器的名字作为参数
console.timeEnd("test")

// 可以通过Math.sqrt()对一个数进行开方
Math.sqrt();

后续会持续更新