<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <!-- 引入的核心js公共文件 -->

        <script type=text/javascript charset=utf-8 src=../commons/../commons/CommonUtil.js></script>

        <script type=text/javascript charset=utf-8>

        //既可以当成java的类用，也可以当成c++函数用

        function CarShop(){};//卖车类，没有工厂模式

        CarShop.prototype = {

            constructor : CarShop ,

            sellCar:function(type){

                var car ; // 声明一个变量

                switch(type){

                    case 'Benz': car = new Benz(); break;

                    case 'Bmw' : car = new Bmw();  break;

                    case 'Audi': car = new Audi(); break;

                    default: 'not buy it ';

                }

                BH.Interface.ensureImplements(car ,CarInterface);//接口检测，当函数用BH.Interface.ensureImplements = function(object){}，java的接口检测是虚拟机做的，js接口检测是我们自己写的。

                return car ;

            }

        };

        // 接口对象的实例，当类用BH.Interface = function(name,methods){}

        var CarInterface = new BH.Interface('CarInterface' ,['start','run']);

        // SuperClass  implements CarInterface

        function BaseCar(){};

        BaseCar.prototype = {//父类方法都在原型对象中

            constructor:BaseCar ,

            start:function(){

                alert(this.constructor.name + ' ..start');//this是调用方法的子类，java多态(通过父类方法里面的this实现)

            },

            run:function(){

                alert(this.constructor.name + ' ..run');

            }

        };

        function Benz(){};

        BH.extend(Benz,BaseCar); //BH.extend=function(sub ,sup){}，当函数用

        Benz.prototype.driveBenz = function(){alert('Benz..drive')};

        //Benz.prototype.run = function(){alert('Benz..run')};

        function Bmw(){};

        BH.extend(Bmw,BaseCar);

        Bmw.prototype.driveBmw = function(){alert('Bmw..drive')};

        //Bmw.prototype.run = function(){alert('Bmw..run')};    

        function Audi(){};

        BH.extend(Audi,BaseCar);

        Audi.prototype.driveAudi = function(){alert('Audi..drive')};

        //Audi.prototype.run = function(){alert('Audi..run')};    

        var shop = new CarShop();

        var car = shop.sellCar('Benz');

        car.start();

        car.run();

        car.driveBenz();

        var car2 = shop.sellCar('Bmw');

        car2.start();

        car2.run();

        car2.driveBmw();

        </script>

    </head>

    <body>

    </body>

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <!-- 引入的核心js公共文件 -->

        <script type=text/javascript charset=utf-8 src=../commons/../commons/CommonUtil.js></script>

        <script type=text/javascript charset=utf-8>

            // 万事万物都是Object  ： 卖车的商店 -> 卖车 -> 生产车 -> Factory

            function CarShop(){};// 商店

            CarShop.prototype = {

                constructor : CarShop ,

                sellCar:function(type){

                /*   面向对象   */

                    // 销售人员...

                    var car = CarFactory.createCar(type);//工厂

                    // 保险、相关的售后服务

                    return car ;

                }

            };

            //工厂，单体模式

            var CarFactory = {

                    createCar:function(type){

                            var car ; // 声明一个变量

                            switch(type){

                                case 'Benz': car = new Benz(); break;

                                case 'Bmw' : car = new Bmw();  break;

                                case 'Audi': car = new Audi(); break;

                                default: 'not buy it ';

                            }

                            //检验接口 交给工厂

                            BH.Interface.ensureImplements(car ,CarInterface);

                            return car ;

                    }

            };

            // 接口对象的实例

            var CarInterface = new BH.Interface('CarInterface' ,['start','run']);

            // SuperClass  implements CarInterface

            function BaseCar(){};

            BaseCar.prototype = {

                constructor:BaseCar ,

                start:function(){

                    alert(this.constructor.name + ' ..start');

                },

                run:function(){

                    alert(this.constructor.name + ' ..run');

                }

            };

            // Class benz bmw audi (都是车)

            // 注意关键问题：子类先继承父类 子类在扩展子类自己特有的方法

            function Benz(){};

            BH.extend(Benz,BaseCar);

            Benz.prototype.driveBenz = function(){alert('Benz..drive')};

            //Benz.prototype.run = function(){alert('Benz..run')};

            function Bmw(){};

            BH.extend(Bmw,BaseCar);

            Bmw.prototype.driveBmw = function(){alert('Bmw..drive')};

            //Bmw.prototype.run = function(){alert('Bmw..run')};    

            function Audi(){};

            BH.extend(Audi,BaseCar);

            Audi.prototype.driveAudi = function(){alert('Audi..drive')};

            //Audi.prototype.run = function(){alert('Audi..run')};    

            var shop = new CarShop();

            var car = shop.sellCar('Benz');

            car.start();

            car.run();

            car.driveBenz();

            var car2 = shop.sellCar('Bmw');

            car2.start();

            car2.run();

            car2.driveBmw();

        </script>

    </head>

    <body>

    </body>

</html>

js23---工厂模式1的更多相关文章

  1. 23种设计模式--工厂模式-Factory Pattern

    一.工厂模式的介绍       工厂模式让我们相到的就是工厂,那么生活中的工厂是生产产品的,在代码中的工厂是生产实例的,在直白一点就是生产实例的类,代码中我们常用new关键字,那么这个new出来的实例 ...

  2. javascript工厂模式和构造函数模式创建对象

    一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程(本书后面还将讨论其他设计模式及其在JavaScript 中的实现).考虑到在ECMAScript 中无法创 ...

  3. PHP设计模式（三）抽象工厂模式（Abstract Factory For PHP）

    一.什么是抽象工厂模式 抽象工厂模式的用意为:给客户端提供一个接口,可以创建多个产品族中的产品对象 ,而且使用抽象工厂模式还要满足以下条件: 系统中有多个产品族,而系统一次只可能消费其中一族产品. 同 ...

  4. PHP设计模式（一）简单工厂模式 （Simple Factory For PHP）

    最近天气变化无常,身为程序猿的寡人!~终究难耐天气的挑战,病倒了,果然,程序猿还需多保养自己的身体,有句话这么说:一生只有两件事能报复你:不够努力的辜负和过度消耗身体的后患.话不多说,开始吧. 一.什 ...

  5. 设计模式之工厂模式VS抽象工厂

    一.工厂模式主要是为创建对象提供过渡接口,以便将创建对象的具体过程屏蔽隔离起来,达到提高灵活性的目的. 工厂模式在<Java与模式>中分为三类:1)简单工厂模式(Simple Factor ...

  6. 菜鸟理解的工厂模式（Factory Pattern）是什么样子的？

    直接开始说了,不浪费园友宝贵的时间! 什么是工厂模式? 在学习前,先问一下:"它是什么?". 工厂模式,它是项目里面常用的设计模式之一. 它是属于创建型模式,简单的理解创建型模式就 ...

  7. PHP 面向对象编程和设计模式 (3/5) - 单例模式和工厂模式

    PHP高级程序设计 学习笔记 2014.06.11 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结.使用设计模式是为了可重用代码.让代码更容 ...

  8. 《JS设计模式笔记》构造函数和工厂模式创建对象

    工厂模式 function createPerson (name,age,job) { var o=new Object(); o.name=name; o.age=age; o.job=job; o ...

  9. 从接口、抽象类到工厂模式再到JVM来总结一些问题

    俗话说,自己写的代码,6个月后也是别人的代码……复习!复习!复习! 涉及到的知识点总结如下: 为什么使用接口? 接口和抽象类的区别 简单工厂模式总结 Java中new和newInstance的区别 J ...

  10. C#设计模式之简单工厂模式（Simple Factory）

    1. 概述 简单工厂模式就是将一个类的实例化交给一个静态工厂来执行. 2. 使用频率 中 3. 模式结构 3.1 机构图 3.2 模式中的角色 Product:抽象类,把具体产品类公共的代码进行抽象和 ...

随机推荐

  1. 帆软FineBI试用

    FineBI是帆软软件有限公司推出的一款商业智能(Business Intelligence)产品,FineBI的本质是通过分析企业已有的信息化数据,帮助企业发现并解决存在的问题,预测模拟企业将来的发 ...

  2. STM32的Flash

    STM32中存储区分为:随机存取存储器RAM和只读存储器ROM. 其中: RAM为常说的内存,比如手机的2G内存4G内存等,就是程序跑起来的时候所占用的存储空间,特点是掉电数据丢失. ROM为常说的硬 ...

  3. 软件project总结

    软件project的文档完结了.在这里面学到了好多东西.也通过它分析了对机房收费系统进行了更加具体的分析.尽管早就明确了之间的联系,可是越温习越体会到逻辑的重要性和全心全意为人民服务的精神. 这些文档 ...

  4. [Python] ndArray of numpy

    NumPy Reference: Mathematical functions numpy.sum: Sum of elements - along rows, columns or all nump ...

  5. 理解ThreadLocal类

    1 ThreadLocal是什么 早在JDK 1.2的版本号中就提供java.lang.ThreadLocal,ThreadLocal为解决多线程程序的并发问题提供了一种新的思路. 使用这个工具类能够 ...

  6. UVa 11849 - CD

    题目:给你两个有序序列(每一个序列中元素不同),求两序列中都出现的元素个数. 分析:简单题. 合并排序合并过程. 设置两个指针.指向两序列当前元素.那个元素小指针向后移动.相同大则计数加一,同一时候后 ...

  7. IOS－－文件管理NSFileManager

    iOS的沙盒机制.应用仅仅能訪问自己应用文件夹下的文件.iOS不像android.没有SD 卡概念.不能直接訪问图像.视频等内容. iOS应用产生的内容,如图像.文件.缓存内容等都必须存储在自己的沙盒 ...

  8. 2015北京网络赛 Couple Trees 倍增算法

    2015北京网络赛 Couple Trees 题意:两棵树,求不同树上两个节点的最近公共祖先 思路:比赛时看过的队伍不是很多,没有仔细想.今天补题才发现有个 倍增算法,自己竟然不知道.  解法来自 q ...

  9. 机器学习(三) Jupyter Notebook, numpy和matplotlib的详细使用 (上)

    工欲善其事,必先利其器.在本章,我们将学习和机器学习相关的基础工具的使用:Jupyter Notebook, numpy和matplotlib.大多数教程在讲解机器学习的时候,大量使用这些工具,却不对 ...

  10. 《一》安装 TP5

    tp5 官方参考手册:http://www.kancloud.cn/manual/thinkphp5/118008 我这里采用的是 composer 安装,如果您没有安装 composer 的话 tp ...