1、循环结构：

    反复执行相同或相似的操作

循环三要素：

    1、循环条件：循环的次数
    2、循环体：需要的操作
    3、循环变量：记录当前循环到哪一次，需要不断变化，并且是使循环停下来的关键

三种循环：

1、while循环

        语法：
		var 循环变量=几;
		while(循环条件){
			循环体;
			循环变量变化;
		}
	执行原理：首先创建出循环变量，判断循环条件，如果条件满足，则执行一次循环体操作，并不会退出循环，而会回过头再次判断循环条件满不满足，如果满足，则执行一次循环体操作.........直到循环条件不满足，才会退出循环
	**循环是一次一次执行的，并不是同时执行完毕！**
	
	特殊：
		1、死循环：默认永远不会停止的循环
			何时使用：不确定循环次数的时候
			while(true){操作}

		2、停止死循环：
			break - 退出整个循环 - 多半都是用于配合死循环使用的
			continue - 退出本次循环 - 还会执行下一次操作

2、*for循环：

    和while的原理是一样的，但比while看上去更加的简洁，更加的舒服（while能做的事，for也可以去完成）
	语法：
		for(var 循环变量=几;循环条件;循环变量变化){
			循环体;
		}

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

	面试题：while 和 for 的区别？
		while 和 for在原理上来说几乎没有区别
		一般我们不确定循环次数的时候会使用while循环（死循环）
		一般我们确定循环次数的时候推荐for循环

3、do...while循环：比较垃圾

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

	面试题：while 和 do...while 的区别？
		区别只看第一次，如果第一次条件都满足，那么两者没有区别
		如果第一次条件都不满足，while一次都不会执行，而do...while至少会执行一次

2、Function的基础：

1、概念：Function - 函数，也称之为方法，先【预定义】好，以后可以【反复使用】的【代码段】

2、如何使用函数：2步
	1、定义/创建/声明：
		function 函数名(){
			函数体/代码段;
		}

	2、调用函数：2种
		1、在JS内部写：函数名() - 程序员写几次就会调用几次

		2、在HTML页面上绑定事件：
			<elem onclick="函数名()"></elem> - 任何元素都可以绑定点击事件

	3、我们以后何时使用函数呢？
		1、不希望打开页面立刻执行
		2、希望由用户来触发 - 提升用户的体验感
		3、函数的地位很高，是第一等公民地位

带参数的函数：2步

    1、创建出带有形参的函数：其实就是一个变量，只不过不需要写var，而且不需要赋值，所以称之为叫做形式参数，简称形参
		function 函数名(形参,...){函数体/代码段;}
				
    2、使用带参数的函数时，记得要必须传入实参 - 实际参数，就是你传递过去的值！	
		函数名(实参,...)		
				

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

总结：

  1、不带参数的函数，用于执行一些固定操作
  2、带参数的函数，可以根据我们传入的实参的不同，执行的操作略微不同

循环和函数的区别：

1、循环：几乎是一瞬间就执行完毕了
2、函数：需要调用后才会执行