JS的循环

循环是将代码执行指定的次数

1.for循环

1.for(语句1；语句2；语句3){
执行的代码
}

• 语句1：条件的变量的初始值（代码执行前执行） 只执行一次
• 语句2：循环条件
• 语句3：循环（代码块）已被执行后执行的代码（通常是自增或自减）

- 写法：for(var i=0;i<4;i++){
    // console.log(i,“执行的代码”)
    document.write("xingxing<br>")
    }

//模拟 接力赛
for(var i=0;i<4;i++){
    //开跑
    // 1
    //继续
    // 2
    //继续
    //3
    //继续
    //4   结束
}

2.break语句：用于跳出for循环 终止
continue语句：用于跳过循环中的某一迭代，继续向下循环。跳过了循环中的某一步

写法 
###### //break 跳出循环 终止
for（var i=0;i<10;i++）{
if(i==5){
    break; //终止循环
}
console.log(i)；
}

###### //continue:跳过循环中的某一步，不终止循环
for(var j=0;j<10;j++){
    if(j==5){
        continue; //跳过当前循环
    }
    console.log(j);
}

3.for…in循环：用于遍历对象的属性 多用于对象，数组等数据类型（现阶段做了解）

写法：
for(prop in object){
//prop:对象的属性
//object:被遍历的对象
}

4.while循环 当什么什么的时候

只要指定的条件为true，循环就可以一直执行代码
写法：
while(条件){
//条件成立时执行的代码
//自增或自减
}
（while(true){} 著名死循环）

例：
   var i=0;
   while(i<4){
       //console.log(i,"接力赛继续")；
       document.write("哈哈哈哈<br>")
       i++；
   }

5. do…while循环 先执行代码，后进行判断（至少会执行一次代码）

写法：
do{
//执行代码
//自增或自减
}
while(条件)

例：
var i=0;
do{
    console.log(i."接力赛继续");
    //document.write("hahahaha<br>")
    i++;
}while(i<4)

JS使用循环打印图形

正方形

for(var i=0;i<5;i++){
    document.write("@ @ @ @ @<br>")
}

或 for(var i=10, i>0,i--){
    document.write("@ @ @ @ @<br>")
}

三角形

for(var j=0;j<8;j++){
        // 打印几行
        for(var i=0;i < j+1; i++){
            // 一行打印几次
            document.write("@ ")
        }
        document.write("<br>")
    }

jS的函数 （function）

函数是由事件驱动（触发）或者当它被调用时执行的可重复使用的代码块
函数由 函数名，参数，函数体，返回值 这4部分组成。 参数和返回值可有可无
语法：
-函数的声明
function 函数名（参数）{
函数体 具体执行的代码
return 返回值
}

通过function关键字声明
func：函数名
x：函数的参数
{}：函数体
function func(x){
    //执行的代码
    console.log("这是一个函数")
}

-函数的调用
函数名（参数）

//函数的调用 通过函数名调用
func();
func();

//声明提升
//console.log(i); undefined
// var i=10;

JS命名函数和匿名函数

函数的分类

1.根据有无函数名分类：
1.命名函数
function func(){
console.log(“这是一个命名函数”)
}
//调用func
func(); //方法+（） 代表立即执行

2.匿名函数
document.οnclick=function(){
console.log(“这是一个点击事件驱动的匿名函数”)
}

使用变量将匿名函数进行储存
var func3=function(){
console.log(“通过变量储存的匿名函数”)
}
//通过变量名进行函数的调用
//func3();

2.根据有无参数分类：
1.传参函数 f(x)=x+1
// 参数： 调用方法（函数）时，根据传入的参数的不同，而返回不同的结果
x: 形参 形式上的参数
function func3(x){
console.log(x);
}
(x 不限数量)
//调用
func3(1); // 1 实参 有实际意义的参数
func3(2); // 2 实参

//拼接字符串
function newStr(str1.str2){
console.log(str1+str2)
}
newStr(“hello”,“world”); // helloworld
newStr(“hello”,“guys”); // helloguys

2.无参函数
function func(){
console.log(“无参函数”)；
}
var func2 = function(){
console.log(“无参函数2”);
}

3.带有返回值的函数return语句