目标

• 能够说出为什么需要对象
• 能够使用字面量创建对象
• 能够使用构造函数创建对象
• 能够说出new的执行过程
• 能够遍历对象

目录

• 对象
• 创建对象的三种方式
• new关键字
• 遍历对象属性

1. 对象

1.1 什么是对象

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

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

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

• 属性︰事物的特征，在对象中用属性来表示(常用名词)
• 方法:事物的行为，在对象中用方法来表示(常用动词)

1.2 为什么需要对象

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

JS中的对象表达结构更清晰，更强大。

2. 创建对象的三种方式

在JavaScript中，现阶段我们可以采用三种方式创建对象( object ) :

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

2.1 利用字面量创建对象

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

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

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

        // 利用对象字面量创建对象
        var obj = {
            uname:'王小郑',
            age:'18',
            sex:'girl',
            sayhi:function (){
                console.log(hi);
            }

        }


复制代码

使用对象

• 对象里面的属性调用:对象.属性名，这个小点.就理解为“的“
• 对象里面属性的另一种调用方式:对象[ ‘属性名’]，注意方括号里面的属性必须加引号，我们后面会用
• 对象里面的方法调用:对象.方法名()，注意这个方法名字后面一定加括号

        obj.sayhi();
复制代码

变量、属性、函数、方法的区别

• 变量:单独声明赋值，单独存在
• 属性:对象里面的变量称为属性，不需要声明，用来描述该对象的特征
• 函数:单独存在的，通过“函数名()”的方式就可以调用
• 方法︰对象里面的函数称为方法，方法不需要声明，使用“对象.方法名(”的方式就可以调用，方法用来描述该对象的行为和功能。

2.2 利用new object 创建对象

var obj = new object ();
复制代码

• 利用等号=赋值的方法添加对象的属性和方法
• 每个属性和方法之间用分号结束

例如

        var mingren = new Object();//创建一个空对象
        //赋值
        mingren.name = ' 鸣人';
        mingren.age = '19';
        mingren.sex = ' 男';
        mingren.skill = function () {
            console.log('影分身之术');
        }

        mingren.skill();

复制代码

2.3 利用构造函数创造对象

构造函数︰是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

就是把对象里面相同的代码抽象出来封装到函数里面

        // 语法规范 
        function 构造函数名(){
            this.属性 = 值 ;
            this.方法 = funciton();

        }
        new 构造函数名();



复制代码

1. 沟造函数名字首字母要大写
2. 我们构造函数不需要return就可以返回结果
3. 调用构造函数必须使用new
4. 属性方法前面必须加this

2.4 构造函数和对象

• 构造函数，如Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类( class )
• 创建对象，如new Stars)，特指某一个，通过 new关键字创建对象的过程我们也称为对象实例化

3. new 关键字的执行过程

1. new 构造函数会在内层中创建一个空的对象
2. this 会指向刚刚创造的对象
3. 执行构造函数里面的代码，给这个空对象添加属性和方法
4. 返回这个对象（所以构造函数里没有return ）

4. 遍历对象

for…in语句用于对数组或者对象的属性进行循环操作。

一般用k或者key

for ( 变量 in 对象)

for （var k in obj） {
    console.log(k); //输出的是属性名
    console.log(obj[k])//输出的是值
}
复制代码

5. 小结

1. 对象可以让代码结构更清晰
2. 对象复杂数据类型object.
3. 本质:对象就是一组无序的相关属性和方法的集合。
4. 构造函数泛指某一大类，比如苹果，不管是红色苹果还是绿色苹果，都统称为苹果。
5. 对象实例特指一个事物，比如这个苹果、我这个帅哥。
6. for…in语句用于对对象的属性进行循环操作。