循环结构
循环三要素
-
循环变量
-
循环条件
-
循环变量变化
变量往往都是向着不满足循环条件变化的
while循环
var 循环变量=值
while(循环条件){
循环体
循环变量变化
}
执行原理
首先创建循环变量,判断循环条件,如果条件满足,则执行一次循环体操作,并不会退出循环,而会再次判断循环条件是否满足,如果满足,则执行一次循环体操作......直到循环条件不满足才会退出循环
死循环
在不确定循环次数的时候会使用到死循环
for循环
for(循环变量;循环条件;循环变量变化){
循环体
}
while和for的区别
不确定循环次数的时候会使用while循环 - 死循环 确定循环次数的时候使用for循环
do...while循环
var 循环变量=值;
do{
循环体;
循环变量变化;
}while(循环条件)
while和do...while的区别
区别只看第一次,如果第一次条件都满足,那么两者没有区别 如果第一次条件都不满足,while一次都不会执行,而do...while至少会执行一次
Function的基础
概念: Function - 函数,也称之为方法,先【预定义】好,以后可以【反复使用】的【代码段】
使用函数
定义/创建/声明:
function 函数名(){
函数体/代码段;
}
调用函数
1、在JS内部写:函数名()
2、在HTML页面上绑定事件:
<elem onclick="函数名()"></elem>
何时使用函数
-
不希望打开页面立刻执行
-
希望由用户来触发 - 提升用户的体验感
带参函数
1、创建出带有形参的函数:相当于变量,只不过不需要写var,且不需要赋值,所以称之为叫做形式参数,简称形参
function 函数名(形参,...){
函数体/代码段;
}
2、使用带参数的函数时,记得要必须传入实参
函数名(实参,...)
注意: 传参的时候顺序是不能乱的,必须和形参的顺序一一对应上