JavaScript常见继承模式实例小结

本文实例总结了JavaScript常见继承模式。分享给大家供大家参考，具体如下：

JavaScript中并没有传统的面向对象语言中的类的概念，但是却实现了特殊的继承机制。

（阅读此文您首先需要知道原型的知识）

先来说说第一种继承方式，原型链继承。

一. 原型链继承

所谓原型链继承，就是让父类的一个实例作为子类的原型。

即 :

parentInstance = new Parent();child.prototype = parentInstance;

这样，在创建子类的实例时，子类实例的__proto__指向父类的实例（即此时子类构造函数的prototype属性），而父类实例的__proto__又指向父类构造函数的prototype属性。借用这种方式形成了一条原型链。

由于JavaScript中搜索实例中调用的变量有如下方式：

在当前实例中寻找变量名 在当前实例所指向的原型中寻找

假设原型链中有如下继承关系：

grandparent(有方法 grandparent.prototype.sayHello) -> parent -> child

当在child的实例child_ming调用方法 sayHello 时，首先在child_ming中（即只定义在child_ming这一个实例中，而非所有实例中）搜索sayHello，并未找到，然后开始搜索它所指向的原型，即parent的实例。在parent的实例中也没有此方法，开始搜索parent的原型，即grandparent的实例。在grandparent的实例中依然没有找到，又搜索grandparent的原型并找到该方法。

可以看出，这样便实现了继承。

如同在使用prototype创建对象时遇到的问题，倘若完全使用原型链进行继承，会使得一些需要继承但不需要在不同实例间进行共享的属性变得不方便实现。

下面就要说一说借用构造函数实现的继承。

二. 借用构造函数实现继承

所谓借用构造函数实现继承，即在子类的构造函数中把父类的构造函数借来使用，以求在子类中生成父类的属性。

看如下代码：

function Parent(color){  this.color = color;  this.getColor = function(){ alert(this.color); };}function Child(color,size){  Parent.call(this,color);  this.size = size;}

这就是一个简单的借用构造函数的继承。

通过使用父类的构造函数，可以使得同一构造函数的不同的实例的同一属性拥有不同的值。解决了原型链继承中的属性共享的弊端。

然而，如同使用构造函数创建对象时遇到的问题，通过构造函数生成的方法面临着重复定义的问题，同一类下的不同实例拥有各自的方法，而一般来讲方法是需要实现复用的，没有必要让它们拥有各自的方法。

使用组合继承可以解决这个问题。

三. 组合继承（原型链与借用构造函数）

既然原型链可以实现属性共享，借用构造函数可以实现属性值的私有，不妨将它们结合起来，这就形成了组合继承。