【JS常见设计模式】原型模式

【JS常见设计模式】原型模式

原型模式

创建一个共享的原型,通过拷贝这个原型来创建新的类,用于创建重复的对象,带来性能上的提升

// 父类
function Father(firstName) {
    this.firstName = firstName;
}

// 父类原型
Father.prototype = {
    constructor: Father,
    familyName: '牧',
    address: '杭州',
    getName: function getName() {
        return this.familyName + this.firstName;
    },
    getAddress: function getAddress(params) {
        return this.address;
    }
}

// 子类
function Child(params) {
	// call继承,继承私有属性和方法
    Father.call(this, params)
}

// 原型继承,继承公有属性和方法
Child.prototype = Object.create(Father.prototype);
// 改变构造器指向
Child.prototype.constructor = Child;

let child1 = new Child('1');
let child2 = new Child('2');

console.log(child1.getName()) // 牧1
console.log(child1.getAddress()) // 杭州
console.log(child2.getName()) // 牧2
console.log(child2.getAddress()) // 杭州
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值