面向对象的程序设计(五)借用构造函数继承

本文介绍JavaScript中通过构造函数实现继承的方法,包括借用构造函数(也称为伪造对象或经典继承)的过程及其实现方式。这种方式允许在子类型的构造函数中调用超类型的构造函数,并能够传递参数。
//借用构造函数(constructor stealing),有时候也叫伪造对象或者经典继承
//弊端:原型方法不可复用,只有构造函数的属性可以复用
function SuperType() {
    this.colors = ["red", "blue"];
}

function SubType() {
    SuperType.call(this);
    //SuperType.apply(this);
}

var instance1 = new SubType();
instance1.colors.push("black");
console.log(instance1.colors);//["red", "blue", "black"] 

var instance2 = new SubType();
console.log(instance2.colors);//["red", "blue"] 

//相对于原型链,借用构造函数可以在子类型构造函数中向超类型构造函数传递参数
function SuperType2(name) {
    this.name= name;
}

function SubType2(name, age) {
    //继承了SuperType2同时还传递了参数
    SuperType2.call(this, name);
    //SuperType2.apply(this, [name]);

    this.age = age;
}

var instance3 = new SubType2("Tom", "20");
console.log(instance3.name);//Tom
console.log(instance3.age);//20

 

转载于:https://www.cnblogs.com/qiangspecial/p/3175248.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值