JS继承之寄生式继承

来源：动视网责编：小采时间：2020-11-27 20:01:48

JS继承之寄生式继承

JS继承之寄生式继承:一听到寄生式继承这个名词很容易产生畏难感，这是个什么东东呢？别急，本篇文章将尝试用通俗易懂的方式阐述JS中的这种继承方式，希望能帮助到大家。一、一个例子我们先定义一个空函数，形参是original，就像下面这样：function createAnother(

推荐度：

点击下载本文 文档为doc格式

导读JS继承之寄生式继承:一听到寄生式继承这个名词很容易产生畏难感，这是个什么东东呢？别急，本篇文章将尝试用通俗易懂的方式阐述JS中的这种继承方式，希望能帮助到大家。一、一个例子我们先定义一个空函数，形参是original，就像下面这样：function createAnother(

一听到“寄生式继承”这个名词很容易产生畏难感，这是个什么东东呢？别急，本篇文章将尝试用通俗易懂的方式阐述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有这样一句：

var clone=Object.create(original);

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

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

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

JS继承之寄生式继承

推荐度：

点击下载本文 文档为doc格式

标签： js 寄生继承

热门焦点

JS继承之寄生式继承

JS继承之寄生式继承

一、一个例子

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

JS继承之寄生式继承

最新推荐

猜你喜欢

热门推荐