JavaScript知识点整理（十）- 对象

目录

一、对象概念

1.1 什么是对象

1.2 为什么需要对象

二、创建对象的三种方式

2.1 利用字面量创建对象

2.1.1 对象的调用

2.1.2 变量、属性、函数、方法总结

2.2 利用new Object创建对象

2.3 利用构造函数创建对象

2.3.1 构造函数的语法格式

2.3.2 构造函数和对象

三、 new关键字执行过程

四、遍历对象属性

---

一、对象概念

1.1 什么是对象

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

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

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

1.2 为什么需要对象

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

二、创建对象的三种方式

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

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

2.1 利用字面量创建对象

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

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

• 键：相当于属性名
• 值：相当于属性值，可以是任意类型的值

2.1.1 对象的调用

• 对象里面的属性调用：对象.属性名
• 对象里面属性的另一种调用方法：对象[＇属性名＇]，注意方括号里面的属性必须加引号
• 对象里面的方法调用：对象.方法名（），注意这个方法后面一定要加括号

2.1.2 变量、属性、函数、方法总结

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

2.2 利用new Object创建对象

    // 利用 new Object 创建对象
    var obj = new Object();
    obj.userName = '小明';
    obj.age = '20';
    obj.sex = '男';
    obj.sayHi = function(){
        console.log('Hi');
    }

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

2.3 利用构造函数创建对象

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

2.3.1 构造函数的语法格式

    // 构造函数 语法格式
    function 构造函数名() {
        this.属性 = 值;
        this.方法 = function (){}
    }
    new 构造函数名();

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

2.3.2 构造函数和对象

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

三、 new关键字执行过程

new在执行时会做四件事：

1. 在内存中创建只能新得空对象
2. 让 this 指向这个新的对象
3. 执行构造函数里面的代码，给这个新对象添加属性和方法
4. 返回这个新对象（所以构造函数里面不需要return）

四、遍历对象属性

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

    for (var key in obj) {
        console.log(key); // key 变量 输出 得到的是 属性名
        console.log(obj[key]); // obj[key] 得到的是属性值
    }