JavaScript之对象

对象

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

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

创建对象

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

利用字面量创建对象

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

在花括号里面是用冒号赋值的方法

• 里面的属性或者方法，采取键值对的形式 键 属性名 ：值 属性值
• 多个属性或者方法，用逗号隔开
• 方法冒号后面跟的是一个匿名函数

利用new Object创建对象

• 利用等号赋值的方法添加对象的属性和方法
• 每个属性和方法之前 用分号结束
• Object的O要大写

利用构造函数创建对象

构造函数的执行流程

• 立刻创建一个新的对象
• 将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象
• 逐行执行函数中的代码
• 将新建的对象作为返回值返回

使用instanceof可以检查一个对象是否是一个类的实例

• 如果是，则返回true
• 否则返回false

对象 instanceof 构造函数

所有的对象都是Object的后代

• 所以任何对象和Object做instanceof检查时都会返回true

使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类

通过一个构造函数创建的对象，称为该类的实例

一次创建一个对象，里面很多属性和方法是大量相同的

因此我们可以利用函数的方法，重复这些相同的代码，我们就把这个函数成为构造函数

又因为这个函数不一样，里面封装的不是普通代码，而是对象

构造函数，就是把对象里的一些相问同的属性和方法抽象出来，封装到函数里面

• 构造函数名字 首字母要大写

• 构造函数不需要return 就可以返回结果

• 调用构造函数，必须使用new

• 只要每次调用构造函数，就创建一个对象，执行1000次，就创建1000个新的方法，而这个1000个方法都是一模一样的

  • 这是完全没有必要的，完全可以使用所有的对象 共享同一个方法

  • 可以将构造函数放到全局作用域中

    

• 属性和方法前面，必须使用this

使用对象

1.调用对象的属性 采取 对象名.属性名的方法 小点.理解为 的

console.log(obi.uname);

2.调用对象的属性，还可以采用对象名[‘属性名’]，此时的属性名必须带引号

console.log(obi['age']);

3.调用对象的方法 sayHi 对象名.方法名()，千万不能忘记添加小括号

obj.sayHi();

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

变量和属性

相同点

变量和属性的相同的 他们都是用来存储数据的

不同点

• 变量 单独声明并赋值，使用的时候直接写变量名单独存在
• 属性 在对象里面的不需要声明的 ，使用的时候必须是对象.属性

函数和方法

相同点

都是实现某种功能做某件事

不同点

• 在外面的叫函数
• 在里面的叫方法

函数是单独声明并且调用的时候 函数名（）单独存在的

方法在对象里面调用的时候 对象.方法（）

构造函数与对象

构造函数是泛指一大类 它类似于java语言里面的类 (class)

对象 特指一个具体的事物

利用构造函数创建对象的过程我们也称为对象的实例化

new关键字执行过程

• new 构造函数可以在内存中创建一个空的对象
• this 就会指向创建的空对象
• 执行构造函数中的代码，给这个空对象添加属性和方法
• 返回这个对象

遍历对象

对象中是无序的，传统的for循环并不能解决遍历问题

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

• k 得到属性名
• 对象名[k] 得到属性值
• k是变量，不需要加引号
• 使用for in 里面的变量 ，常用 k或者key