前端常用设计模式之工厂模式

Posted dangdanghepingping

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端常用设计模式之工厂模式相关的知识,希望对你有一定的参考价值。

 

一:简单工厂模式:

假设:飞机大战.两种飞机,一种smallPlane,一种bigPlane.构造函数分别是

    function SmallPlane(die){
        this.height = 100;
        this.width = 100;
        this.die = function(){console.log(die)}
 
    }
    function BigPlane(){
        this.height = 200;
        this.width = 200;
        this.die = function(){console.log(die)}
    }

简单工厂模式可以写一个简单的工厂模式,

function factoryPlane (fun){
        var plane = null
        switch(fun){
            case SmallPlane : plane = new SmallPlane();break;
            case BigPlane : plane = new BigPlane();break;} 
plane.die
= function(){console.log(die)};//可以吧单个的制造函数
  return plane;

}
这种简单的工厂模式可以实现对多有工厂事例的集中管理. ---当给他们都添加某个属性时候,可以在工厂函数里直接添加.
可以方便的扩展工厂里的子类 ---但违反开闭原则;

工厂模式不是制造具体的事例对象的,而是制造构造函数的.  当需要有好多构造函数,且构造函数之间有共同点,可以用工厂模式来管理这些有联系的构造函数.






以上是关于前端常用设计模式之工厂模式的主要内容,如果未能解决你的问题,请参考以下文章

前端学习(3345):设计模式之工厂模式2

前端学习(3344):设计模式之工厂模式1

前端学习(3346):设计模式之工厂模式3

前端学习(3346):设计模式之工厂模式3

前端学习(3345):设计模式之工厂模式2

前端学习(3344):设计模式之工厂模式1