JavaScript 构造函数基础知识【总结】

一、构造函数与普通函数的区别

例：创建一个构造函数，专门用来创建 Person 对象

• 构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写
• 构造函数与普通函数的区别就是调用方式的不同，普通函数就是直接调用，而构造函数需要使用 new 关键字来调用

二、构造函数的作用

在 JavaScript 中，构造函数是给对象添加属性，初始化属性用的。

三、构造函数的执行流程

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

使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类，我们将通过一个构造函数创建的对象，称为是该类的实例

四、this 的情况

1. 当以函数的形式调用时，this 是 window
2. 当以方法的形式调用时，谁调用方法 this 就是谁
3. 当以构造函数的形式调用时，this 就是新创建的那个对象

五、prototype 属性

我们所创建的每一个函数，解析器都会向函数中添加一个属性 prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象

• 如果函数作为普通函数调用 prototype，没有任何作用
• 当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过 __proto__ 来访问该属性

原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中。

当我们通过对象 . 属性名称访问构造函数中的数据 ，它会先在对象自身中查找，如果有则直接使用，如果没有则会去原型对象中查找，如果找到则直接使用，没有找到则返回 undefined ；通过对象 . 方法名称访问构造函数中的方法, 如果没有找到会去原型对象中查找,没有找到直接抛出异常。

【总结】以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样就不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。

六、使用 in 检查对象属性

使用 in 检查对象中是否含有某个属性时，如果对象中没有，但是原型中有，也会返回 true

例：console.log( "name" in person );

七、hasOwnProperty() 的用法

我们可以使用对象的 hasOwnProperty() 来检查对象自身中是否含有该属性，使用该方法只有当对象自身中含有属性时，才会返回true

例：console.log( person.hasOwnProperty( "age" ));

【补充】原型对象也是对象，所有它也有原型，当我们使用一个对象的属性或方法时，会先在自身中寻找，如果没有则去原型对象中寻找，如果原型对象中有，则使用，如果没有则去原型的原型中寻找，直到找到 Object 对象的原型 (Object 对象的原型没有原型，如果在 Object 中依然没有找到，则返回undefined )

八、instanceof 的用法

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

语法：对象 instanceof 构造函数

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

例：console.log( per instanceof Person );

【注意】所有的对象都是 Object 的后代，所有任何对象和 Object 在 instanceof 检查时，都会返回 true 。