06 JavaScript-对象

目录

1. 什么是对象

2. 创建对象

2.1 对象字面量

2.2 内置对象Object

2.3 构造函数

3. 访问对象属性和方法

3.1 访问属性

3.2 访问方法

4. 原型与原型链

5. 遍历对象（for in语句）

---

1. 什么是对象

对象是单个实物的抽象。

对象是一个容器，封装了属性（property）和方法（method）

2. 创建对象

创建对象的三种方式：对象字面量，内置对象Object，构造函数；

2.1 对象字面量

对象字面量是一个名/值对列表，每个名/值对之间用逗号分隔，最后用一对大括号括起来。

名/值对表示对象的属性或方法，名/值对之间用冒号分隔。

实例示范：
var xiaoming = {
            //属性
            name:"小明",
            age:18,
            heighe:188,
            sex:"女",
            //方法
            play:function(){
                alert("热爱打篮球");
            }
        }

2.2 内置对象Object

JavaScript有一个内置对象Object，利用内置对象Object可以创建一个空对象。

通过关键字new创建一个Object对象实例，然后为其添加属性和方法。

实例示范:
var lihua = new Object();
        //属性
        lihua.name="李华";
        lihua.age=18;
        lihua.sex="男";        
        //方法
        lihua.write=function(){
            alert("给Tom写信");
        }

2.3 构造函数

//构造函数
        function Cat(name,age,color,sex){
            //属性
            this.name=name;
            this.age=age;
            this.color=color;
            this.sex=sex;
            //方法
            this.eat=function(){
                alert(name+"爱吃鱼");
            }
        }
        //创建对象
        var c = new Cat("大橘",1,"橘色","雄性");
        var c1 = new Cat("小橘",2,"彩虹","雌性");

3. 访问对象属性和方法

3.1 访问属性

使用“ . ”和“ [] ”来访问对象的属性

在使用“ [] ”来访问对象的属性时，“ [] ”里的属性名一定要加双引号。

语法：

对象名.属性名

对象名["属性名"]

3.2 访问方法

语法:
对象名.方法名()；

4. 原型与原型链

JavaScript的每个对象都继承另外一个对象，后者称为“原型”对象。只有null除外，它没有自己的原型对象。

原型对象的作用是定义了所有实例对象共享的属性和方法。

prototype /ˈprəʊtətaɪp/

函数名.prototype.名称(){}

原型对象的方法不是实例对象自身的方法。只要修改原型对象，变动就立即会体现在所有的实例对象上。

如果实例对象自身就有某个属性或方法，它就不会在去原型对象寻找这个属性或方法。

5. 遍历对象（for in语句）

JavaScript中可以使用 for in语句遍历对象的属性和方法。

for in 语句循环遍历JavaScript对象，每循环一次，都会取得对象的一个属性或方法。

for in语法：
for(变量名 in 对象名称){
    //代码
}

变量名中保存着属性或方法的名称，每次循环，变量名中的值都会改变。