设计模式(六):原型模式

简介:

在读这个模式,头脑里就浮想两个问题:

1. JavaScript的原型模式与普遍的原型模式有什么区别?

2. JavaScript的原型模式与prototype有什么关系?

原型(prototype)模式定义

原型模式(创建型设计模式)是用一个对象做模板,克隆出新对象。

另外原型模式中的克隆分为"浅克隆"和"深克隆":

浅克隆: 对值类型的成员变量进行值的复制,对引用类型的成员变量只复制引用,不复制引用的对象。

深克隆: 对值类型的成员变量进行值的复制,对引用类型的成员变量也进行引用对象的复制。

Q&A

在查阅一些资料后,对上面两个问题有了自己答案。

1. JavaScript的原型模式与普遍的原型模式有什么区别?

从模式定义上,是没有区别的,模式并不跟语言相关。

2. JavaScript的原型模式与prototype有什么关系?

函数的prototype只是在JavaScript实现原型模式的一种方式。

JavaScript实现原型模式

JavaScript使用原型模式的其中一个好处是,就是可以利用本身所具有的原型(prototype)优势。

PS:关于JavaScript的prototype属性不在本文做解释。

JavaScript实现原型模式几种方式:

1. Object.create方法

Object.create(proto, [ propertiesObject ])

proto :一个对象,作为新创建对象的原型。

propertiesObject :可选。该参数对象是一组属性与值,该对象的属性名称将是新创建的对象的属性名称,值是属性描述符(这些属性描述符的结构与Object.defineProperties()的第二个参数一样)。注意:该参数对象不能是 undefined,另外只有该对象中自身拥有的可枚举的属性才有效,也就是说该对象的原型链上属性是无效的。

PS:浏览器兼容性

例子1

复制代码
var myCar = {
  name: "Ford Escort",
  drive: function () {
    console.log( "Weeee. I'm driving!" );
  },
  panic: function () {
    console.log( "Wait. How do you stop this thing?" );
  }
};
// Use Object.create to instantiate a new car
var yourCar = Object.create( myCar );
// Now we can see that one is a prototype of the other
console.log( yourCar.name );
复制代码

例子2

复制代码
var vehicle = {
  getModel: function () {
    console.log( "The model of this vehicle is.." + this.model );
  }
};
var car = Object.create(vehicle, {
  "id": {
    value: 'car1',
    // writable:false, configurable:false by default
    enumerable: true
  },
  "model": {
    value: "Ford",
    enumerable: true
  }
});
复制代码

2. prototype属性

主动设置prototype属性,效果其实跟Object.create一样。

复制代码
var car = {
     id : '89757',
     much : '80000W'
}

var beget = (function(){
     function F(){}
     return function(proto){
          F.prototype = proto;
          return new F();
     }
})();
var newCar = beget(car);
复制代码

 

总结

克隆对象有多种方式,符合JavaScript特性的是原型继承。

另外如果通过遍历复制方式克隆对象,算不算是原型模式,我觉得按照模式定义来讲,应该算是。

 

参考文献

1. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create

 

本文为原创文章,转载请保留原出处,方便溯源,如有错误地方,谢谢指正。


本文转自 海角在眼前 博客园博客,原文链接: http://www.cnblogs.com/lovesong/p/5595062.html   ,如需转载请自行联系原作者
相关文章
|
设计模式 安全 Java
面向对象编程的精髓:Java设计模式 - 原型模式(Prototype)完全参考手册
【4月更文挑战第7天】原型模式是OOP中的创建型设计模式,用于通过复制现有实例创建新实例,尤其适用于创建成本高或依赖其他对象的情况。它包括Prototype接口、ConcretePrototype实现和Client客户端角色。优点是性能优化、避免子类化和动态增加产品族。实现包括定义原型接口、实现具体原型和客户端调用克隆方法。最佳实践涉及确保克隆正确性、选择深拷贝或浅拷贝及考虑线程安全。但需注意克隆方法管理、性能开销和循环引用等问题。在Java中,实现Cloneable接口和覆盖clone方法可实现原型模式。
209 4
|
设计模式 Java 关系型数据库
23种设计模式 —— 原型模式【克隆羊、浅拷贝、深拷贝】
23种设计模式 —— 原型模式【克隆羊、浅拷贝、深拷贝】
251 1
|
设计模式 安全 Java
【设计模式】原型模式
【设计模式】原型模式
152 0
|
7月前
|
设计模式 JavaScript Java
【设计模式】【创建型模式】原型模式(Prototype)
一、入门 什么是原型模式? 原型模式(Prototype Pattern)是一种创建型设计模式,它通过复制现有对象来创建新对象,而不是通过实例化类。 原型模式的核心是克隆(Clone),即通过复制现有
237 15
|
11月前
|
设计模式 存储 Java
「全网最细 + 实战源码案例」设计模式——原型模式
原型模式(Prototype Pattern)是一种创建型设计模式,通过复制现有对象来创建新对象,适用于创建成本高或复杂的对象场景。其核心思想是“克隆”,避免直接实例化类。结构上分为抽象原型类、具体原型类和客户端。优点包括减少对象创建成本、隐藏复杂性、简化实例创建;缺点是处理循环引用的复杂对象时较为麻烦。实现步骤为定义原型类、重写`clone()`方法并调用。注意事项包括浅拷贝与深拷贝的区别及`Cloneable`接口的使用。
199 20
|
设计模式 Java 关系型数据库
【Java笔记+踩坑】设计模式——原型模式
对比原型模式和传统方式的实现思路、代码方案、优缺点,阐述原型模式的使用场景,以及深拷贝、浅拷贝等相关概念,并扩展原型模式在Spring源码中的应用。
【Java笔记+踩坑】设计模式——原型模式
|
设计模式 Java
Java设计模式-原型模式(3)
Java设计模式-原型模式(3)
155 0
Java设计模式-原型模式(3)
|
设计模式
iLogtail设计模式问题之iLogtail中的原型模式是什么
iLogtail设计模式问题之iLogtail中的原型模式是什么
iLogtail设计模式问题之iLogtail中的原型模式是什么
|
设计模式 JavaScript
js设计模式【详解】—— 原型模式
js设计模式【详解】—— 原型模式
171 6
|
设计模式 Java
【设计模式系列笔记】原型模式
原型模式(Prototype Pattern)是一种创建型设计模式,其主要目的是通过复制现有对象来创建新对象,而无需知道其具体类型。这种模式属于对象创建型模式,通过克隆来避免使用new关键字创建对象,提高性能和降低系统的耦合度。
213 6

热门文章

最新文章