JavaScript的继承(1)

继承这个东西相信很多学过OO语言的人都知道。许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。而JS中函数没有签名,所以无法实现接口继承,只能实现实现继承。

而在JS中,主要是通过原型链实现继承。当然原型链也最好不要单独使用,由于原型链的构建是通过将一个类型的实例赋值给另一个构造函数的原型实现的。而问题就在于对象实例共享所有继承的属性和方法。

1,经典继承

即在子类型构造函数的内部调用父类型构造函数。如下所示:

function A(){
       this.person =  ["Guo","Chen","Yao"];
}
function B(){
       A.call(this);
}
var person1 = new B();
alert(person1.person); //"Guo,Chen,Yao"

代码中红色的部分就调用了父类型的构造函数。通过使用call()方法(call()与apply()方法说白了就是将函数绑定到另外一个对象上去运行),就会在B对象上执行A函数中定义的所有代码。这样,B的每一个实例都会具有自己的person属性的副本了。当然,如果要传递参数也是可以的,call函数有两个参数可以使用,第二个参数就是要在外部传入的参数。

2,组合继承

这种继承方式是融合了原型链和经典继承的优点的一种继承方式。其中心思想就是使用原型链实现对原型属性和方法的继承,通过经典继承实现对实例属性的继承。如下:

function A(companyName){
       this.companyName = companyName ;
       this.employee = ["Bob","Mary","David"];
}
A.prototype.alertName = function(){
       alert(this.companyName);
};
function B(companyName,address){
        A.call(this,"companyName");
        this.address = address;
}
B.prototype = new A();
B.prototype.constructor = B;
B.prototype.alertAddress = function(){
         alert(this.address);
};
var company1 = new B("Csdn","Beijing");
alert(company1.employee); //"Bob","Mary","David"
company1.alertName(); //"Csdn"
company1.alertAddress();//"Beijing"


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值