码迷,mamicode.com
首页 > 编程语言 > 详细

javascript模式——Prototype模式

时间:2015-03-07 15:26:29      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

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

 

javascript模式——Prototype模式

标签:

原文地址:http://www.cnblogs.com/winderby/p/4320343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!