JS-流程控制

流程控制：

顺序结构，分支结构，循环结构

条件判断（分支）

从现在开始，语法一点点都不可以错

语法

if (条件判断) {语句块}

//单条件表达式
if(n){语句块}//n会被转成布尔类型

☞ if ( 条件表达式【布尔类型的结果】 ) { 
       
   	    逻辑代码。。。
       
     }else {
       
         逻辑代码。。。
     } 

//多条件表达式
☞  if ( 条件表达式 ) {
    
	}else if ( 条件表达式 ) {
    
    }else {
        
    }

执行过程

1. 单条件条件判断代码执行过程：
	 ✔ 先进行表达式结果判断 
     ✔ 如果结果是true, 程序只会执行if中的语句，不会执行else中的语句
	 ✔ 如果结果是false， 程序只会执行else中的语句，不会执行if中的语句

断点调试(技能)

实时监控,代码执行过程
	1. 可以帮我们理思路
	2. 调试错

步骤:
	1. 先运行程序 
	2. 点击F12(打开控制台)  ---> 选择sources选项卡 --->单击HTML页面 ---> 在要调试的代码位置处设置代码断点  ---> 再次运行程序(刷新页面 F5)  -----> 手动执行代码
	

三元运算

语法

if () {} else {}

   表达式 ?  结果1 ：  结果2 
   
 使用三元运算的场景:
 	 三元运符可以替代简单的条件判断

执行过程

  1. 
  	✔ 先判断表达式的结果是 true还是false
  	✔ 如果结果是true ,那么代码执行 结果1
  	✔ 如果结果是false，那么代码执行 结果2
  	
  	？  ====> 相当与条件判断中的if
  	：  =====> 相当于else

表达式和语句

表达式

☞ 一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。

语句

☞ 语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下;分割一个一个的语句

switch语句

语法

switch ( 变量 ) {
    case  值1:
        代码语句..
    	break;
    case  值2:
        代码语句...
   		break;
   	.......
    default:   
        代码语句...
   		break;
}

执行过程

 总结：
	 1. 如果在程序中要表示一个范围，那么推荐使用条件判断
     2. 如果程序中表示的是一个具体的值， 可以用switch语句
     
  注意：
  	switch判断等不等用的是全等判断的
	//1. switch 后面的变量数据类型必须和 case 后面的值数据类型保持一至
	//2. break语句必须加

运算符，if和switch语句

循环

​ 循环变量初始化【var i = 1】

​ 循环条件的判断【i <= 100】

​ 循环变量的改变【i = i + 1; i = i + 2;】

 ☞  循环：  重复的再做一件事件
 
 	✔ 当条件满足的时候，执行循环代码
    ✔ 条件不满足的时候，不会执行循环代码
    三要素：变量初始化，循环条件判断，循环变量的改变

• while循环

  目的：用循环重复的执行一段代码

语法

while(条件表达式) {
    代码（循环体）
}

//循环变量初始化：（定义一个变量给其初始化一个值）var n = 1;
//循环条件的判断：（作为循环是否继续执行的判断）n <= 100;
//循环变量的变量：（让变量改动，这样就能够避免让循环无限制执行） n = n + 1;
var i = 1;
while ( i <= 100 ) {
	// 循环体【一堆代码】
    document.write('李寻欢');
	i++;
}
执行：
循环变量初始化==>条件判断（true）==>循环体(i++)==>条件判断（true）==>循环体(i++)==>条件判断（false）==>跳出循环

执行过程

 1.  先条件判断结构是 true 还是 false
 2.  如果是true，那么程序会一直执行循环体中的代码
 3.  如果条件为false，那么程序会立即跳出循环体代码结束执行

• do … while 循环

语法

do {
    循环体代码
}while(条件表达式)
循环体==>条件判断（true）==>循环体==>条件判断(true)==>循环体==>条件判断(false)==>跳出循环

执行过程

 ☞  先执行循环体代码
 ☞ 然后判断条件
 ☞ 如果条件为true，继续执行循环体代码
 ☞ 如果条件为false,循环体代码立即结束，跳出循环


 与while循环的区别：
 	 1. 如果条件不满足，do while循环会比while循环多执行一次
     2. 如果条件满足，do while循环和while循环执行的次数是一样一样的。

for 循环

语法

for (初始化变量1；条件2；更改变量3){
    代码块4
}

执行过程

1. 先初始化变量1
2.执行条件2
3.执行代码块4
4.更改变量3

• continue和break

continue语句执行及特点

 ☞ 立即跳出本次循环，继续下一次循环（本次循环体 continu 之后的 代码 就都少执行这一次）
 
 ☞ 通俗理解： 吃5个包子，第3个掉地下了，就扔掉第3个，继续吃第4个第5个包子。

break语句执行及特点

 ☞  理解跳出整个循环（循环结束），开始执行 循环后面的代码
 ☞  通俗理解：  吃5个包子，吃到第3个吃饱了，就不再吃后面的包子。