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

巴特西

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

最新文章

热门文章