Web应用基础

JS循环结构

循环结构

什么是循环结构

  • 重复执行的动作
  • JavaScript 支持for、 while、do-while等不同类型的循环

循环结构

for语句

  • 语法
1
2
3
for(表达式1;表达式2;表达式3){
	语句序列;
}

12.3.1

while语句

  • 语法
1
2
3
while(条件表达式){
	需要执行的代码;
}

12.3.2

do-while语句

  • 语法
1
2
3
do{
	语句序列
}whlie(条件表达式);

12.3.3

break和continue

  • break用于跳出循环

  • continue用于结束一次循环，继续执行下一次循环

continue语句案例

  • 在控制台打印1~10之间的奇数（不要输出偶数）
1
2
3
4
5
6
7
for(var i=0 ; i <= 10 ;i++){
    if(i % 2 ==0 ){
        continue;
    }else{
        document.write(i);
    }
}

函数

函数

  • 函数的作用就是封装和重用
  • 函数中的代码，只有在调用时，才会被执行
  • 语法
1
2
3
4
5
6
7
// 函数定义
function funNumber(形参){
    语句块
}

// 函数调用
funNumber(实参);
  • 函数使用案例
1
2
3
4
5
6
7
8
9
10
function myMax(a,b){
    if(a > b){
        return a;
    }else{
        return b;
    }
}

var max = myMax(100 , 20);
console.log(max);

JavaScript对象

对象

  • 对象包含属性和方法
1
2
3
4
5
6
7
8
9
var person = {
    name : "zhangsan",
    age : 18,
    sayName : function(){
        alert(this.name);
    }
}

person.sayName();
  • 案例
1
2
3
4
5
6
7
8
9
10
11
12
13
// 定义手机对象
var phone = {
    brand : "apple",
    color : "Silver",
    // 显示手机信息的方法
    displayPhoneInfo : function(){
        console.log("手机品牌：" + this.brand);
        console.log("手机颜色：" + this.color);
    }
};

// 调用显示手机信息的方法
phone.displayPhoneInfo();