JavaScript也有设计模式（一）——简单工厂模式

如果希望代码向人一样，能够成长，那么设计模式是必不可少的。今天接触第一个设计模式，属于创建型设计模式——简单工厂设计模式

需求：如果我希望要一个弹框，我的js应该怎么写？

        // 如果我需要一个弹框
        function Pop(text){
            this.content = text;
        }
        Pop.prototype.show = function(){
            //显示弹框
        };

        // 测试
        var pop = new Pop("请输入内容");
        pop.show();

上例用对象的方式，创建了一个弹框的对象。那么，如果我需要不通类型的弹框呢，比如：提示框，警告框，确认框。。。该怎么做？

可以创建三个对象，然后用哪个就创建哪个。

        // 提示框对象
        function AlertPop(text){
            this.content = text;
        }
        AlertPop.prototype.show = function(){
            //显示弹框
        };

        // 警告框
        function WarnPop(text){
            this.content = text;
        }
        WarnPop.prototype.show = function(){
            //显示弹框
        };

        // 确认框
        function ConfirmPop(text){
            this.content = text;
        }
        ConfirmPop.prototype.show = function(){
            //显示弹框
        };

        // 测试
        var ap = new AlertPop("您的内容有误");
        var wp = new WarnPop("可能有问题哦");
        var cp = new ConfirmPop("您确定吗");
        ap.show();
        wp.show();
        cp.show();

但是如果这样，我们每次使用都要找对应的类，太麻烦了，可不可以统一管理呢？

第一种方式 用工厂管理创建对象

用一个工厂对象将创建实例的动作封装起来，对外只暴露工厂对象

        var PopFactory = function(name){
            switch (name){
                case 'alert':
                    return new AlertPop("您的内容有误");
                case 'warn':
                    return new WarnPop("可能有问题哦");
                case 'confirm':
                    return new ConfirmPop("您确定吗");

            }
        }

第二种方式 用工厂管理差异部分

在创建弹框的时候，公共的部分抽取出来，判断管理各自的私有部分

        function createPop(type,text){
            var o = new Object();
            o.content = text;
            o.show = function(){
                // 显示方法
            };
            if(type == 'alert'){
                // 提示弹框差异部分
            }
            if(type == 'warn'){
                // 警告弹框差异部分
            }
            if(type == 'confirm'){
                // 确认框差异部分
            }
            return o;
        }

        var a = createPop('alert','内容有误')

两种方式有一定区别：
1 第一种方式，弹框是实例化对象创建的；第二种 则是 创建一个新对象，然后不断增强属性和方法。
2 第一种方式，如果三个类继承同一个父，那么父的原型方法可以复用；而第二种 就是单独的一个对象
3 第一种方式，扩展更灵活；第二种，如果弹框变化很大，很可能要拆解代码
4 第一种方式实现起来更复杂；第二种相对简单

使用时，根据需求而定。