2023-5-6(JS第三天学习)

118 阅读2分钟

循环结构

循环三要素

  • 循环变量

  • 循环条件

  • 循环变量变化

    变量往往都是向着不满足循环条件变化的

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、使用带参数的函数时,记得要必须传入实参

函数名(实参,...)	

注意: 传参的时候顺序是不能乱的,必须和形参的顺序一一对应上