JavaScript设计模式-01-原型模式

来源:互联网 发布:汉江怪物知乎 编辑:程序博客网 时间:2024/06/09 20:56

Javascript 设计模式 - 01 - 原型模式

简介

原型模式实际上也是一种继承,可以让多个对象分享同一个原型对象的属性和方法,这种继承的实现是不需要创建的,而是将原型对象分享给那些继承的对象,原型模式是一种用来创建对象的模式

在以类为中心的语言中,要创建一个对象首先要指定这个对象的类型,然后实例化一个对象,使用原型模式创建对象时不必关心对象的具体类型,而是找到一个对象,然后通过克隆来创建一个一模一样的对象

代码

    var a = {        name: 'name a',        "A": function () {            console.log('A');        }    }    function clone(superClass) {        function F () {};        F.prototype = superClass;        return new F();    }    var b = clone(a);    b.A(); // 'A'

文章列表

  1. javascript设计模式 – 设计原则
  2. JavaScript设计模式–高阶函数
  3. Javascript 设计模式 - 01 - 原型模式
  4. Javascript 设计模式 - 02 - 单例模式
  5. Javascript 设计模式 - 03 - 建造者模式
  6. Javascript 设计模式 - 04 - 工厂模式
  7. Javascript 设计模式 - 05 - 外观模式
  8. Javascript 设计模式 - 06 - 代理模式
  9. Javascript 设计模式 - 07 - 观察者模式(发布订阅模式)
  10. Javascript 设计模式 - 08 - 策略模式
  11. Javascript 设计模式 - 09 - 命令模式
  12. Javascript 设计模式 - 10 - 迭代器模式
  13. Javascript 设计模式 - 11 - 职责链模式
  14. Javascript 设计模式 - 12 - 适配器模式
  15. Javascript 设计模式 - 13 - 模板方法
  16. Javascript 设计模式 - 14 - 组合模式
  17. Javascript 设计模式 - 15 - 享元模式
  18. Javascript 设计模式 - 16 - 中介者模式
  19. Javascript 设计模式 - 17 - 装饰者模式
  20. Javascript 设计模式 - 18 - 状态模式