一、JavaScript的循环
循环是将代码执行指定的次数
1、①for循环
for(语句1;语句2;语句3){
//执行的代码
}
语句1:条件的变量的初始值(代码执行前执行)只执行一次
语句2:循环条件
语句3:循环(代码块)已被执行后执行的代码(通常是自增或自减)
例
for(i=0;i<5;i++){
console.log(i); //0,1,2,3,4
}
break语句:用于跳出循环,中止。
continue语句:用于跳过循环中的某一迭代,继续向下循环。跳过了循环中的某一步。不中止
②for...in循环
用于遍历对象的属性,多用于对象,数组等数据类型。
for(prop in object){
//prop:对象的属性;
//object: 被遍历的对象;
}
例:var person={
name="囡囡";
age=21;
for(x in person){
console.log(x,person[x]); //name 囡囡;age 21
}
2、①while循环 当什么什么的时候
只要指定的条件为true时,循环就可以一直执行代码
while(条件){
//条件成立时执行的代码
//自增或自减
}
*while(true){} 著名的死循环
例:var i=0
while(i<4){
console.log(i);
i++;
} // 0,1,2,3
②do...while循环:
先执行代码,后进行判断,至少执行一次
do{
//执行一段代码;
}
while(条件)
打断点:F12,Sources。追踪循环的每一步。
二、**JavaScript的函数(Function)
函数是由事件驱动(触发)或者当它被调用时执行的可重复使用的代码块。
1、定义:函数由函数名,参数,函数体,返回值四部分组成。参数和返回值可有可无。
语法:
函数的声明
function 函数名(参数){
{}函数体;
return返回值;
}
函数的调用:
函数名(参数)
例:function AAA(x){
执行的代码
}
AAA(x);
函数声明也存在提升
2、函数的分类:
①根据有无函数名分类:
-命名函数-
function nan(){...}
nan();
-匿名函数-
例:document.onclick=function(){...}
可通过变量将匿名函数进行储存,并使用变量名进行调用。
②根据有无参数分类:
-传参函数-
参数:调用方法(函数)时,根据传入的参数不同,而返回不同的结果。
function nan(x){...} //x:形参,形式上的参数。
nan(1); //1:实参,实际的参数
nan(2); //2:实参,实际的参数
参数不限数量
function nan(str1,str2){
window.write(str1+str2);
}
nan("missing","you"); //missing you
-无参函数-
function nan(){...}
document.onclick=function(){...}
如果实参数大于形参数,多余的实参不会赋值;如果实参数小于形参数,形参对应的实参将会赋值undefined
③带有返回值的函数
return语句:返回 方法/函数执行的结果(值)
return之后的代码不执行
应用: return 空 退出函数
例:function fuc(x,y){
if(x>y){
console.log(x+y);
}else{
return;
}
}
fuc(10,5); //15
fuc(4,5); // 不执行
工作中,经常需要对方法或函数执行的结果进行处理时,就需要使用return语句将结果返回(抛出)