码迷,mamicode.com
首页 > 编程语言 > 详细

javascript继承详解

时间:2017-04-12 23:38:06      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:call   get   分享   属性   对象   实例   构建   bsp   name   

常见继承分两种,一种接口继承,继承方法签名;一种实现继承,继承实际方法。js只支持后一种。

1原型链

首先看原型、构造函数、实例的关系。如果我们让一个函数的原型对象等于另一个的实例,然后另一个的原型对象又等于另一个的实例,以此类推,就构成了原型链。

技术分享

代码:

function SuperType(){

this.name=true;

}

superType.prototype.getValue=function(){

return this.name;

}

function SubType(){

this.age=12;

}

SubType.prototype=new SuperType(); //构建原型链,让SubType继承SuperType的所有属性和方法。

var instance=new SubType();

alert(instance.getValue());//true

2借用构造函数

使用call()或apply()方法

 function SuperType(){

this.color=["red","blue"];

}

function SubType(){

SuperType.call(this);

}

var instance1=new SubType();

借用构造函数不改变原型,每个实例都有自己的属性副本。

javascript继承详解

标签:call   get   分享   属性   对象   实例   构建   bsp   name   

原文地址:http://www.cnblogs.com/cumting/p/6701539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!