以下是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> /* 循环语句： 通过循环语句可以反复的执行一段代码多次 while循环： - 语法： while(条件表达式){ 语句... } - while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体， 如果为true，则继续执行循环体，以此类推 如果false，则终止执行 do...while循环： - 语法： do{ 语句... }while(条件表达式){ 语句... } - 先执行do内的语句然后再看while的条件表达式是否满足，满足后就会停止循环，否则继续循环 - 相比while来说是先执行语句后判断，而且可以保证循环体至少执行一次，而while不能 for循环： - 在for循环中，为我们提供了专门的位置用来放三个表达式： 1.变量初始化 2.条件表达式 3.变量更新(eg:++) - 语法： for(变量初始化;条件表达式;变量更新){ 语句... } - 执行流程： 1.执行初始化表达式，初始化变量(只会执行一次) 2.执行条件表达式，判断是否执行循环，true执行循环体，false终止循环且3、4步都不执行 3.执行更新表达式 4.重复第二步 - for循环中的三个部分都可以省略，也可以写在外部，见下方例子 */ //while循环语句 var n = 1; //像这种将条件表达式写死为true的循环叫死循环,该循环不会停止，除非你的浏览器关闭，慎用！ while(true){ document.write(n,"\n"); //注意这里使用的\n是错误写法，无法换行 //正确的换行姿势~ document.write(n+"<br/>"); //如果非要使用true则可以在里面套一个if语句，以此来结束无尽的循环~ if(n == 15){ break; //利用break来跳出循环，这个break直接作用于while } n++; } /* 创建一个循环，往往需要三个步骤： 1.初始化一个变量 2.在循环中设置一个条件表达式 3.定义一个更新表达式，例如++，每次循环时变量都会被改变，就不会容易陷入死循环 */ var m = 0; while(m <= 15){ document.write(m+"<br/>"); m++; } //do...while循环语句 var m = 0; do{ document.write(m++ +"<br/>"); }while(m <= 15); //for循环语句 for(var m=0;m<=15;m++){ document.write(m+"<br/>"); } var n = 0; for(;n <= 15;){ document.write(n+"<br/>"); n++; } /* for(;;){ alert("死循环") } 想试试的可以解除注释自己用用看~ */ </script> </head> <body> </body> </html>
Web全栈工程师之路(三)——JavaScript篇(八)——流程控制语句(二)
原文：https://www.cnblogs.com/lyrebirth-world/p/12951623.html