阅读《JavaScript设计模式》第三章心得

简单工厂模式

1、通过类实例化对象创建

传统的用面向对象方法去创建很多类去实现某些功能不妥当，这样不仅占用的很多类名称，而且别人使用这些方法的同时要记住每个类的名字，所以这样不适合团队开发，所以我们可以把这些类封装到一个函数里面，这样别人用你的类就不用记住每个类的名字，只用记住工厂的名字就可以了。直接上代码：

        //篮球基类
        var Basketball = function(){
            this.intro = '篮球盛行于美国';
        }
        Basketball.prototype = {
            getMember:function(){
                console.log('每个队伍需要5名队员');
            },
            getBallSize : function(){
                console.log('篮球很大')
            }
        }
        //足球基类
        var Football = function(){
            this.intro='足球在世界范围内很流行';
        }
        Football.prototype ={
            getMember:function(){
                console.log('每个队伍需要11名队员');
            },
            getBallSize:function(){
                console.log('足球很大');
            }
        }
        //网球基类
        var Tennis = function(){
            this.intro = '每年有很多网球比赛'
        }
        Tennis.prototype ={
            getMenber:function(){
                console.log('每个队伍至少需要一名队员')
            },
            getBallSize:function(){
                console.log('网球很小')
            }
        }
        //运动工厂
        var SportsFactory = function(name){
            switch (name){
                case 'NBA':
                    return new Basketball();
                case 'wordCup':
                    return new Football();
                case 'FrenchOpen':
                    return new Tennis();
            }
        }
        //为世界杯创建一个足球，只需要记住运动工厂SportsFactory,调用并创建
        var footnall = SportsFactory("wordCup");
        console.log(footnall);
        console.log(footnall.intro);
        footnall.getMember();

2、通过创建一个新的对象然后包装增强其属性和功能来实现。

 这样实现的好处是可以不用创建很多类名。有些相同的功能可以复用。代码如下：

function createPop(type, text) {
            var o = new Object();
            o.content = text;
            o.show = function() {
                //显示方法
            };
            if(type == 'alert') {
                //警告框差异部分
            }
            if(type == 'prompt') {
                //提示框差异部分
            }
            if(type = 'confirm') {
                //确认框差异部分
            }
            //将对象返回
            return o;
        }
        //创建警示框
        var userNameAlert = createPop('alert', '用户名只能是26个字母或者数字');