for循环过程详解

在编程过程中，我们必然少不了循环语句
循环语句除了while do……while 还有就是for循环了
那么for循环执行循环时又是怎样的一个执行流程呢

先来介绍一下 for循环的结构

for（定义初始变量①；循环条件②；变量的变化值④）{
循环语句块③；
}

for语句执行顺序为 ①②③④②③④……
其中 ①定义初始变量只在进入循环时执行一次
如果循环条件有多个，则需要使用&& || 分隔开
如果初始变量和变化值有多个，则只需使用 ， 逗号分隔开

下面是一段使用JS编写的代码

<script>
	 var str="<ul>";
       for(var i=0;i<10;i++){
           str+="<li>"+i+"</li>";
       }
       str+="</ul>";
       document.write(str);
</script>

在浏览器中可得到如下效果：

可见在上述代码块中
for(var i=0;i<10;i++){
循环语句块；
}
var =1 是定义了初始变量
i<10 是循环条件
i++ 为变量的变化值
花括号内所有语句块均为外层for 循环的循环语句块
内层循环结构类似

接下来，为了能够更加直观的看到for循环的执行过程，我们使用断点查看循环中每一步的执行情况
在这几处添加断点

初始情况下 str内 装有

• 字符串
  执行到for循环后 先定义一个初始变量 i=0 然后判断 i <10 是否成立 成立则执行for内语句块
  
  执行完语句块可见 str 内拼接了 一个
• 0
• 字符串
  执行完循环语句块后，执行变量变化值即上述的④
  
  i++后变为1 在判断是否满足循环条件，满足则再次执行循环语句
  
  
  
  直到最后一次满足循环条件时 i =9 执行完循环语句后 再次执行 i++ 此时 i =10 不满足循环条件 才跳出循环 执行循环语句后的内容
  
  可见此时已完成循环str 已经拼接好了循环中所有的 < li > 标签

这就是整个for循环的过程
定义一次初始变量 ，然后判断是否满足循环条件，若满足则执行循环语句，然后执行变量变化，再次判断是否满足循环条件，满足则执行循环语句，执行变量变化，直至不满循环条件，跳出循环为止。