一、new 和 构造函数

1.1 new 运算符

• new 运算符用来创建一个新的对象，其后面需紧跟一个函数，该函数就是构造函数。
• 使用 new 运算符创建实例对象的过程分为三步：

1. 创建一个空对象：将『 空对象.__proto__ 』指向『 构造函数.prototype 』
2. 初始化该空对象：调用『 构造函数 』并向其中传入参数
   2.1 将 『 构造函数 』中的『 this 』指向该空对象
   2.2 执行『 构造函数 』代码，为该空对象添加属性
3. 返回这个空对象：完成『 实例对象 』的创建

1.2 构造函数

构造函数总与 new 运算符一起使用，用于创建并初始化对象， 为对象成员变量赋初始值

1. 任何函数配合使用 new 运算符创建新对象时，该函数就是构造函数、该对象就是实例对象
2. 每个函数都有一个内部属性： prototype ，它是一个对象，被称为 原型对象
3. 每个函数都有 prototype 属性，prototype 属性内有constructor属性，指向该函数
4. 每个对象都有一个内部属性： __proto__ 指向该对象的 原型对象 prototype

二、一个单元内：构造函数、原型对象、实例对象，三者关系

关系图

2.1 根据图示简单解释：

1. 函数 Fun 使用 new 运算符创建一个新对象 obj，此时函数 Fun 就是构造函数，对象 obj 就是实例对象
2. 构造函数 Fun 拥有一个内部属性 prototype，prototype 属性内部拥有一个 constructor 属性，该 constructor 属性指向构造函数 Fun
3. 实例对象 obj 一旦创建完成，便会拥有一个内部属性 __proto__，__proto__ 属性指向构造函数 Fun 的原型对象 prototype 属性
4. 实例对象 obj 可通过 __proto__ 属性访问到构造函数 Fun 的 prototype 属性，也就是说实例可以通过 __proto__ 属性访问到类（构造函数 Fun）的 prototype 属性
5. 如果存在多个实例（obj[1]，obj[2]，……，obj[n]），全部由类创建，那么类的 prototype 属性可作为公共容器供所有实例（obj[1]，obj[2]，……，obj[n]）访问
6. 那么可以在 prototype 属性中存放公用属性，解决所有实例拥有重复属性的问题，也就省了点内存

2.2 instanceof 运算符

• 可以判断一个对象在其原型链中是不是某个构造函数的实例
• 语法：object instanceof constructor——object（对象），constructor（构造函数）
• 这样就有了检测类（构造函数）与实例关系的办法

三、原型

3.1 原型是什么

• 我们可以认为上面所说的 原型对象 prototype 就是原型
• 可以将其理解为模板，套用模板制作实例
• 即：原型 就是更为宽泛的轮廓，相对的，实例 就是在轮廓的基础上更加具体的样子

四、原型链

4.1 原型链是什么

1. 每个对象都有 __proto__ 属性，该属性指向（引用） 原型对象 prototype；
2. 因为原型也是对象，所以原型也有 __proto__ 属性，指向原型的原型对象【循环1和2】；
3. 原型对象 和 实例对象 是一个相对的关系：某个对象是谁的原型、谁的实例；
4. 所有相关的 原型对象 和 实例对象，就手牵手串联组成一个链条，这就是 原型链。

4.2 属性查找过程

当访问对象某属性时：

1. 首先在该对象本身中查找，如果没有找到，则会去原型链中一层层向上查找；
2. 如果找到了该属性，就直接返回值；如果在整条链中都找不到，就返回 undefined。
3. 这也就解释了这样一个现象：

• 先使用 new 定义一个数组 array，然后调用 valueOf() 方法

var arr= new Array(1, 2, 3);
var exp = arr.valueOf();

• 首先，查看 array 的原型（__proto__ 属性）：其中并未找到 valueOf() 方法
  
• 其次，再去原型的原型中查找：我们便找到了 valueOf() 方法
  

[](备注：谁创建了谁：函数之父自己创建了函数对象，又创建了对象、实际上函数内也会有一个 __proto__属性，这是什么后续再添加)

本文章著作权归饥人谷和本人所有，转载须说明来源！