本系列代码已上传到github地址javascript设计模式demo什么是原型模式原型模式 (prototype pattern):通俗点讲就是创建一个共享的原型,并通过拷贝这些原型创建新的对象。用于创建重复的对象,这种类型的设计模式属于创建型模式,它提供了一种创建对象的不错选择。
实现原型模式我们可以通过javascript特有的原型继承特性去实现原型模式,也就是创建一个对象作为另一个对象的prototype属性值,我们也可以通过object.create(prototype, optionaldescriptorobjects)来实现原型继承。
// 因为不是构造函数,所以不用大写 var somecar = { drive: function () { }, name: '马自达 3' }; // 使用object.create创建一个新车x var anothercar = object.create(somecar); anothercar.name = '丰田佳美';
object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象。
var vehicle = { getmodel: function () { console.log('车辆的模具是:' + this.model); } }; var car = object.create(vehicle, { 'id': { value: my_global.nextid(), enumerable: true }, 'model': { value: '福特', enumerable: true } });
如果你希望自己去实现原型模式,而不直接使用object.create。你可以使用一下代码实现。
var vehicleprototype = { init: function (carmodel) { this.model = carmodel; }, getmodel: function () { console.log('车辆模具是:' + this.model); } }; function vehicle(model) { function f() { }; f.prototype = vehicleprototype; var f = new f(); f.init(model); return f; } var car = vehicle('福特escort'); car.getmodel();
总结:原型模式,就是创建一个共享的原型,通过拷贝这个原型来创建新的类,用于创建重复的对象,带来性能上的提升。
参考自汤姆大叔的博客设计模式之原型模式相关推荐:
javascript设计模式系列一:工厂模式
javascript设计模式系列二:单例模式
javascript设计模式系列三:建造者模式
以上就是javascript设计模式系列四:原型模式的详细内容。
