循环结构：

• 反复执行 相同 或 相似的操作
• 循环三要素：
  • 循环条件：开始 - 结束，循环的次数
  • 循环体：做的操作是什么
  • 循环变量：记录着我们当前在哪一次，而且他会不断的变化

3种循环：

while循环：

• 语法：

  var 循环变量=几;
  while(循环条件){
          循环体;
          循环变量变化;
  }
  

• 执行原理：首先创建出循环变量，判断循环条件，如果条件满足，则做一次循环体操作，并不会退出循环，而会回过头再次判断循环条件满不满足，如果满足，则做一次循环体操作，...直到条件不满足，才会退出循环
  • 宏观上感觉循环好像一瞬间就结束了，但是微观上循环其实是一次一次执行的
• 特殊：
  • 有的时候可能真的需要使用死循环：默认永远不会停下来的循环
    • 何时使用：不确定循环次数的时候
    • while(true){死循环}
  • 死循环其实也会有一天停下来，如何停下来呢？
    • break; - 退出整个循环，多半都是用来搭配死循环的
    • continue; - 退出本次循环，下一次依然会执行

for循环：

• 和while的原理是一样的，但是他比while看上去更加的简洁，更加的舒服

• 语法：

  for(var 循环变量=几;循环条件;循环变量变化){
                  循环体;
  }
  

• 特殊：死循环：for(;;){}

• while 和 for的区别？

  • while和for在原理上几乎没有区别？
  • 一般来说我们不确定循环次数的时候，会使用while循环 - 死循环
  • 一般来说我们确定循环次数的时候，会使用for循环 - 大部分情况都是他

do...while循环：废物

• while我们都不想用，何况是更麻烦的do...while - 今日一见，不会再见
• 语法：

  var 循环变量=几;
  do{
          循环体;
          循环变量的变化
  }while(循环条件)
  

• while 和 do...while的区别？
  • 区别只看第一次，如果第一次条件都满足，那么两者没有任何区别。
  • 但是如果第一次条件不满足，那么while一次都不会执行
  • 那么do...while至少会执行一次

Function的基础

概念：

• Function 也叫函数也叫方法，【先预定义】好，以后可以【反复使用】的【代码段】

如何使用函数：2步

• 定义/创建/声明：

function 函数名(){
        函数体/代码段;
}
// 注意：函数创建后，不会立刻执行，需要我们去调用函数

调用函数：2种

• 在js内部写：函数名(); - 程序员写几次就会调用几次

• 在HTML上面绑定事件：<elem onclick="函数名()"></elem> - 什么元素都可以绑定事件

• 何时使用函数

  • 不希望打开页面立刻执行
  • 希望用户来触发提升用户的体验感
  • 以后每一个独立的功能(作业)都要封装为一个函数

• 函数在js里的地位极高，函数是js的第一等公民

• 创建出带有形参的函数 - 形参：其实就是一个变量，只不过不需要加var，而且不需要赋值，所以称之为叫做形式参数 - 简称形参

  function 函数名(形参,...){
          函数体/代码段;
  }
  

• 使用带有形参的函数时，必须传入实参 - 实际参数，就是你传递过去的值函数名(实参,...)

    ```txt
    注意：传参的时候顺序是不能乱的，必须和形参的顺序一一对应，数量不多不少
    ```
  

总结：

• 不带参数的函数：用于执行一些固定操作
• 带参数的函数：可以根据我们传入的实参的不同，做的略微不同
• 循环也能反复执行，函数也能反复执行，他们的区别在哪里?
  • 循环：几乎是一瞬间就完毕了
  • 函数：需要调用后才会执行