JavaScript中的对象

目录

一、初识对象

1、对象

2、javascript中的对象

2.1 对成员的访问格式

2.2 访问对象的属性和方法

3、创建对象

3.1 使用new运算符创建对象

3.2 利用构造方法创建对象

4、遍历对象的属性和方法

4.1 使用for...in循环遍历对象的成员

4.2 使用in运算符判断对象是否存在某个成员

---

一、初识对象

1、对象

一切皆为对象,是属性和行为的结合体。在面向对象中把'属性'称为对象的成员(成员变量)，  把'行为'称为成员方法(成员函数)。
             
             属性：反映的是对象的静态特征。
             
             行为：反映对象的动态特征。

2、javascript中的对象

是一种数据类型,用"{}"表示一个对象,在"{}"中包裹了对象的成员(包括属性和方法)。

以"key:value"(键-值对)方式存储各成员。"key"是成员名,"value"是成员的值。

var phone = { //phone是一个对象
    color: '黑色',
    weight: '188g',
    screenSize: '6.5寸',
    call: function(name){
        console.log("给 " +name+" 打电话");
    },
    sendMessage: function(name){
        console.log("给 " +name+" 发信息");
    },
    playVideo: function(){
        console.log('播放视频');
    },
    playMusic: function(){
        console.log('播放音乐');
    }
}
//访问对象的属性和方法
console.log("手机颜色：",phone['color']);//访问对象的属性，phone['color]是一个属性
console.log("手机大小：",phone.screenSize);
phone['call']('奥巴马');
phone.sendMessage('川普');
phone.playVideo(); //访问对象的方法，playVideo()是一个方法
phone.playMusic();

2.1 对成员的访问格式

•              对象名.属性名 或 对象名['属性名']           
•              对象名.方法名([参数]) 或 对象名['方法名']([参数])

2.2 访问对象的属性和方法

(1) 当对象成员中包含特殊字符时，可以用字符串来表示

var obj = {
    'name-age': '小明-18'
    };
    console.log(obj['name-age']);

  

(2) 手动赋值属性或方法来添加成员

var stu2 = {};		// 创建一个空对象
stu2.name = 'Jack';	// 为对象增加name属性
stu2.introduce = function() { // 为对象增加introduce方法
  alert('My name is ' + this.name);	// this代表当前对象
};
alert(stu2.name);	// 访问name属性，输出结果：Jack

3、创建对象

3.1 使用new运算符创建对象

(1)Object：是JavaScript中的超级对象,即用户创建的对象都直接或间接的继承了该对象的某些特性。 

(2)创建方式： var 对象名 = new Object()；

var student = new Object();

3.2 利用构造方法创建对象

  (1)定义构造方法
        
             function 构造方法名([参数]){
             
                 this.属性名 = 值
                 this.方法名 = function([参数]){
                 
                    方法体语句;
                 }
             }
             
           构造方法：是一个初始化对象的方法
           
        (2)利用构造方法创建对象

            var 对象名 = new  构造方法名([参数]);

function Student(n1,g,a){ //定义构造函数：Student
    this.name = n1;
    this.gender = g;
    this.age = a;

    this.showInfo = function(){
        console.log('姓名：',this.name);
        console.log('性别：',this.gender);
        console.log('年龄：',this.age);
    }
}

    注意：

•            建议构造方法名的首字母大写    
•            this是关键字,代表当前对象    

4、遍历对象的属性和方法

4.1 使用for...in循环遍历对象的成员

function Student(n1,g,a){ //定义构造函数：Student
    this.name = n1;
    this.gender = g;
    this.age = a;

    this.showInfo = function(){
        console.log('姓名：',this.name);
        console.log('性别：',this.gender);
        console.log('年龄：',this.age);
    }
}

var  stu1 = new Student('小明','男',18); //利用构造方法创建对象
var  stu2 = new Student('郭靖','男',21);
var  stu3 = new Student('黄蓉','女',21);

stu1.showInfo()
stu2.showInfo()
stu3.showInfo()
for(var obj in stu1){ 
    console.log(stu1[obj])
}

  

4.2 使用in运算符判断对象是否存在某个成员

var flag = 'show' in stu1; //判断对象stu1中是否存在show成员
console.log(flag)