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
上一篇:Codeforces Round #306 (Div. 2)


下一篇:mysql数据损坏修复方法