JS继承之寄生式继承-js教程-PHP中文网

一听到“寄生式继承”这个名词很容易产生畏难感，这是个什么东东呢？别急，本篇文章将尝试用通俗易懂的方式阐述js中的这种继承方式，希望能帮助到大家。

一、一个例子

我们先定义一个空函数，形参是original，就像下面这样：

function createAnother(original){}

在该函数中创建一个新对象clone：

function createAnother(original){
    var clone=Object.create(original);
}

给clone对象增加属性sayHi,sayHi属性是一个函数：

function createAnother(original){
    var clone=Object.create(original);    clone.sayHi=function(){
        alert('hi');
    };
}

最后，返回clone对象：

function createAnother(original){
    var clone=Object.create(original);    clone.sayHi=function(){
        alert('hi');
    };    return clone;
}

假设我们有这样一个对象：

var person={
    name:'Nicholas',
    friends:['Shelby','Court','Van']
};

将以上对象作为实参传入我们的函数运行：

var anotherPerson=createAnother(person);
anotherPerson.sayHi();

运行结果是：将弹出’Hi’的窗口。

二、疑点：该方式与与原型式继承Object.create(o)有何区别？

我们看到，函数createAnother有这样一句：

淘宝互刷平台刷信誉源码

淘宝互刷平台刷信誉源码主要特性：1、系统采用国内著名CMS内核做为基础模块化开发，继承CMS原有强大功能之外，同时拓展任务模块、快递单模块、会员模块、信用评价模块等多个相关模块，支持生成HTML静态和动态ASP，有效的提高了系统的性能，不仅减轻服务器的负载提高搜索收录率，增加网站收录。2、系统主要由淘宝任务、天猫任务、京东任务、阿里任务、拼多多任务、收藏任务、流量任务、快递单生成与查询系统、信用评

下载

var clone=Object.create(original);

这不就是原型式继承吗？
的确，这里确实在内部使用了原型式继承的方法，最后返回的就是clone对象。不过还是与原型式继承有点区别：
原型式继承继承了原对象的属性，新对象并没有新的额外属性；寄生式继承在内部就可以给新对象增加属性，新对象除了拥有原对象的属性，还拥有内部增加的属性。
以上例来说，相比于原型式继承，多出的关键语句：

    clone.sayHi=function(){
        alert('hi');
    };

创建一个实例后，该实例就拥有该属性。