JavaScript对象

---

一、对象

1.什么是对象？

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如：一本书、一辆汽车、一个人可以是“对象”，一个数据库，一张网页、一个于远程服务器的连接也可以是“对象”。

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

• 属性：事物的特征，在对象中用属性来表示（常用名词）
• 方法：事物的行为，在对象中用方法来表示（常用动词）

2.为什么需要对象？

保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息呢？

例如，将“张三”的个人的信息保存在数组中的方式为：

var arr = ['张三' ,' 男',128,154];

JS中的对象表达结构更清晰，更强大。张三的个人信息在对象中的表达结构如下：

张三.姓名 = '张三';
张三.性别 = '男';
张三.年龄 = 128;
张三.身高 = 154;

person.name = '张三';
person.sex = '男';
person.age = 128;
person.height = 154;

二、创建对象的三种方式

在JavaScript中，现阶段可以采用三种方式创建对象（object）：

• 利用字面量创建对象
• 利用new Object创建对象
• 利用构造函数创建对象

1.利用字面量创建对象

(1)语法

对象字面量：就是花括号{ }里面包含了这个具体事物（对象）的属性和方法。

{ }里面采取键值对的形式表示

• 键：相当于属性名
• 值：相当于属性值，可以是任意类型的值（数字型、字符串型、布尔类型、函数类型等）

// 1.利用对象字面量创建对象{}
// var obj = {};// 创建一个空的对象
var obj = {
   
    uname: '张三',
    age: 18,
    sex: '男',
    sayHi: function() {
   
        console.log('hi~');
    }
}
// 1.1里面的属性或者方法采取键值对的形式，键  属性名：值   属性值
// 1.2 多个属性或者方法中奖用逗号隔开的
// 1.3 方法冒号后面跟的是一个匿名函数

// 使用对象的属性和使用对象的方法不一样
// 2.使用对象
// 2.1调用对象的属性，采取  对象名.属性名
console.log(obj.uname);
// 2.2调用对象还有一种方法， 对象名['属性名']
console.log(obj['age']);
// 2.3调用对象的方法sayHi，对象名.方法名() 千万别忘记加小括号
obj.sayHi();

案例：按照要求写出对象

用对象字面量的形式创建一个名字为可可的狗对象。

具体信息如下：

• 姓名:可可
• 类型：阿拉斯加犬
• 年龄：5岁
• 颜色：棕红色
• 技能：汪汪汪（bark），演电影

var dog = {
   
    uname: '可可',
    type: '阿拉斯加犬',
    age: 5,
    color: 'brownish red',
    skill: function() {
   
        console.log('bark~');
        console.log('showfilm');
    }
}
console.log(dog.uname);
console.