阅读《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个字母或者数字');