JavaScript初入门4

学习目标

学习JavaScript，与HTML结合形成小交互

---

学习内容

1. if语句和switch语句
2. continue和break关键字
3. 循环语句
4. JavaScript对象

---

一、if语句和switch语句

1.if语句

//if语句
if (条件表达式){
    //条件成立的执行代码
}

2.if else 语句

//if else语句
if (条件表达式){
    //条件成立的执行代码
}
else {
    //否则执行的代码
}

3.if else if 语句

//if else if语句
if (条件表达式1){
    //条件成立执行代码
}
else if (条件表达式2){
    //条件成立执行代码
}
else {
    //条件不成立执行代码
}

4.switch 语句

//switch语句
switch(表达式){
    case value1 :
        //表达式等于value1时执行的代码
        break;
    case value2 :
        //表达式等于value2时执行的代码
        break;
    case value3 :
        //表达式等于value3时执行的代码
        break;
    ...
    default :
        //表达式不等于任何一个value时执行的代码
}

二、continue和break关键字

• continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行 一次）
• break 关键字用于立即跳出整个循环（循环结束）

三、循环语句

1.for循环

//for循环语法
for(初始化变量; 条件表达式; 操作表达式){
    //循环体语句
}

2.while循环

//while循环
while (条件表达式){
    //循环体代码
}

3.do while循环

//do while循环
do {
 // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

四、Javascript对象

        在JavaScript中，对象是一组无序的相关属性和方法的集合

//1.利用字面量创建对象
var star = {
    name : 'pink',
    age : 18,
    sex : '男',
    sayHi : function(){
    alert('大家好啊~');
    }
};

//2.利用new Object创建对象
var andy = new Object();
andy.name = 'pink';
andy.age = 18;
andy.sex = '男';
andy.sayHi = function(){
    alert('大家好啊~');
}

//3.利用构造函数创建对象
function person(name, age, sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
    this.sayHi(){
        alert('我的名字叫' + this.name + '年龄是' + this.age + '性别为' + this.sex)
    }
}
var xiaoming('xiaoming', 18 , '男')