JS中继承模式一

继承模式

a. 原型链

b. call() 和 apply() 方法

c. 共用原型

d. 圣杯模式（最优）

 

学习继承之前，必须掌握的知识点

一、理清构造函数、实例、原型对象之间的关系

构造函数，是用来创建函数的函数，本质上也是函数。与其他函数的区别在于调用方式不同：

1. 如果通过new操作符来调用的，就是构造函数。

2. 如果没用通过new操作符来调用的，就是普通函数。

煮个栗子：

var car1 = new Car('baoma','red'); 中，通过new操作符来调用函数Car()，并生成 car1，這里可以将构造函数Car() 理解成是一个生产汽车的工厂，通过new方法和出入实参，来DIY一辆汽车。

這里Car 就是称为构造函数，car1 称为Car 函数对象的一个实例。下面为打印结果

并且实例可以通过constructor属性来访问对应的构造函数（constructor 属性不是实例自身的属性，而是原型对象上的属性）

           

原型对象

当我们每次创建一个函数的时候，函数对象都会有一个prototype属性（__proto__ 是个隐式属性），這个属性是一个指针，指向它的原型对象。

原型对象本质也是一个对象

     

可以看到Car.prototype 指向了一个对象，即Car的原型对象。并且這个对象有一个constructor属性，又指向了Car函数对象。下面来解释一下：

构造函数、原型对象、实例的关系

如下图：

每当我们创建一个函数时，js内部会根据特定规则为這个函数添加一个prototype属性，這个prototy属性是一个对象，也是我们所说的原型对象，简单说，原型对象的一个对象，這个对象的名字是prototype，這个对象隐藏在函数中。原型对象内部会自动包含一个constructor属性，這个属性就是一个指针，指向构造函数，表明了构造函数和原型对象之间的关系。

当我们通过new操作符调用构造函数生成实例对象时，实例中也会自动隐藏一个属性'__proto__' [prototype] 這个属性也是一个指针，指向的原型对象。

总结：三者的关系是，每个构造函数都有一个原型对象，原型对象上包含着一个指向构造函数的指针，而实例都包含着一个指向原型对象的内部指针。通俗的说，实例可以通过内部指针访问到原型对象，原型对象可以通过constructor找到构造函数。

 

继承

原型链

在js中，继承的主要思路就是利用原型链，因此如果理解了原型链，继承问题就理解了一半。

理解：原型链的原理是：让一个引用类型继承另一个引用类型的属性和方法。

a. 原型对象通过constructor属性指向构造函数

b. 实例通过__proto__(隐式）属性指向原型对象

那我们现在来思考：如果让原型对象等于另一个构造函数的实例会怎么样?

       

 

以上部分图片转载于 https://segmentfault.com/a/1190000008739672