您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JavaScript设计模式系列四:原型模式

2025/4/18 3:10:32发布25次查看
本篇文章给大家分享的是关于javascript设计模式系列四:原型模式,有感兴趣的朋友可以看一下
本系列代码已上传到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设计模式系列四:原型模式的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product