javascript模式——Prototype模式

GoF权威的解释是,原型模式是一种通过对一个对象的克隆,创建基于这个对象的多种对象的模式。

为了实现这种原型模式,可以直接使用ECMAScript 5 中的方法Object.create。它不紧可以创建出对特定对象的扩展出的对象,还可以增加新属性。

var vehicle = {
  getModel: function () {
    console.log( "The model of this vehicle is.." + this.model );
  }
};

var car = Object.create(vehicle, {
 
  "model": {
    value: "Ford",
    enumerable: true
  }
 
});

car.getModel()

Object.create第一个参数为要扩展的对象,对二个参数为新增属性。详细的使用方法可查MDN。

遍历可枚举属性时有一个问题,他会遍历原型链中的所有元素,需要用Object.hasOwnProperty进行筛选。

检查代码如下:

// 只输出car中的属性值。
for(var name in car ){
    if(car.hasOwnProperty(name)){
        console.log(car[name])
    }
}

 

在不支持Object.create的时候,比如IE8,我们按上面按上面的示例也可以模拟出原型模式

var vehicle = {
  getModel: function () {
    console.log( "The model of this vehicle is.." + this.model );
  }
};

var car = (function(){
    function F(){
        this.model = "Ford";
    }
    F.prototype = vehicle;
    var f = new F();
    return f;
})()

car.getModel(); // Ford

 

posted on 2015-03-07 14:41  吹过的风  阅读(136)  评论(0编辑  收藏  举报