设计模式-原型模式

原型模式

原型模式是指用原型实例指向创建对象的类,使用于创建新的对象的类共享原型对象的属性和方法。
在创建基类时,对于每次创建的一些简单且差异化的属性放在构造函数中,将一些消耗资源比较大的方法放在基类原型中,这样可以避免子类继承时每次初始化都要做一些重复性的东西,消耗性能。

function Foo(){
    this.a = 10;
}
Foo.prototype.render = function(){...};

let f1 = new Foo();
let f2 = new Foo();
console.log(f1.render === f2.render);  //true

原型对象是一个共享的对象,不论父类的实例对象或者子类的继承,都是对它的一个指向引用,所以原型对象才会被共享。既然被共享,那么对原型对象的拓展,不论是子类或者父类实例对象都会继承。因此,原型模式的一个特点就是在任何时候都可以对基类或者子类进行方法的拓展,而且所有被实例化的对象或者类都能获取这些方法,这样给予了我们对功能拓展的自由性。
原型模式更多的是用在对对象的创建上,比如创建一个实例对象的构造函数比较复杂,或者消耗资源较大,或者通过创建多个对象来实现,此时可以通过对这些对象属性方法进行复制实现创建,这是原型模式的最初思想。我们也可以通过原型模式来实现对新对象的创建。

function prototypeExtend() {
    var F = function(){},
        args = arguments,
        i = 0,
        len = arguments.length;
    for(;i<len;i++){
        for(var j in args[i]){
            F.prototype[j] = args[i][j];
        }
    }
    return new F();
}
var test = prototypeExtend({
    name:'Yimi',
    getName:function(){console.log(this.name)}
},{
    age:'12',
    getAge:function(){console.log(this.age)}
})
      
原型优势
  • 可以随意扩展
  • 可以重写继承的方法

参考:《JavaScript设计模式》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值