<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

<script>

    function Car(options){

        this.doors = options.doors || 4;

        this.state = options.state || "brand new";

        this.color = options.color || "silver";

    };

    function Truck(options){

        this.state = options.state || "used";

        this.wheelSize = options.wheelSize || "large";

        this.color = options.color || "blue";

    };

    function VehicleFactory(){};

    VehicleFactory.prototype.vehicleClass = Car;

    VehicleFactory.prototype.createVehicle = function( options ){

        if(options.vehicleType == "car"){

            this.vehicleClass = Car;

        }else{

            this.vehicleClass = Truck;

        };

        return new this.createVehicle(options);

    };

    var carFactory = new VehicleFactory({

        vehicleType : 'truck',

        state : 'like new',

        color : 'red',

        wheelSize : 'small'

    });

    console.log( carFactory instanceof VehicleFactory);

    console.log( carFactory );

    function TruckFactory(){};

    TruckFactory.prototype = new VehicleFactory();

    TruckFactory.prototype.vehicleClass = 'truck';

    var truckFactory = new TruckFactory();

    console.log( truckFactory instanceof TruckFactory);

    //抽象 工厂模式---->_->

    var AbstractVehicleFactory = (function(){

        //定义车辆的类型，用来存储数据

        var types = {};

        return {

            registerVehicle : function(type,vehicle){

                types[type] = vehicle;

            },

            getVehicle : function(type,customizatoins){

                var vehicle = types[type];

                return (vehicle) ? new topics[type](customizations) : null;

            }

        }

    })();

</script>

</body>

</html>

JS模式：又一个简单的工厂模式的更多相关文章

  1. Java EE设计模式（主要简单介绍工厂模式，适配器模式和模板方法模式）

    Java EE设计模式分为三种类型,共23种: 创建型模式:单例模式.抽象工厂模式.建造者模式.工厂模式.原型模式. 结构型模式:适配器模式.桥接模式.装饰模式.组合模式.外观模式.享元模式.代理模式 ...

  2. js面向对象的几种方式----工厂模式、构造函数模式、原型模式

    对象的字面量 var obj={} 创建实例对象 var obj=new Object() 工厂模式 function cPerson(name,sex,age){ var o = new Objec ...

  3. PHP模式设计之单例模式、工厂模式、注册树模式、适配器模式、观察者模式

    php模式设计之单例模式 什么是单例模式? 单例模式是指在整个应用中只有一个实例对象的设计模式 为什么要用单例模式? php经常要链接数据库,如果在一个项目中频繁建立连接数据库,会造成服务器资源的很大 ...

  4. js简单的工厂模式

    <!DOCTYPE html> <html> <head> <title></title> </head> <body&g ...

  5. JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)

    // 对象:特指的某个事物,具有属性和方法(一组无序的属性的集合) // 特征------>属性 // 行为------>方法 // 创建对象的四种方式 1 // 1.字面量的方式,就是实 ...

  6. js的数据类型：单例模式，工厂模式，构造函数

    js数据类型 基本数据类型:string   undefined   null  boolean  number 引用数据类型  Object  array  function 二者的区别 基本数据类 ...

  7. 【译】采用MVC模式创建一个简单的javascript App

    原文标题:Build A Simple Javascript App The MVC Way 作者:joshcrawmer4 翻译人:huansky 初次翻译,翻译的不好,还请见谅 JavaScrip ...

  8. 采用MVC模式创建一个简单的javascript App

    初次翻译,翻译的不好,还请见谅 JavaScript中最好的一部分之一,也可能是最糟糕的. 在HTML文档的头部添加一个开始和结束脚本标记,并在其中引入一些意大利面条式的代码,毫无疑问这是一种过分简单 ...

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

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

随机推荐

  1. selenium如何随机选取省份和城市的下拉框的值

    1.原始需求,选择省份后,相应的城市会自动加载 2.思路 a.获取下拉框的所有元素个数 b.随机点击0-元素个数之间的某个值 3.代码实现 Random random = new Random(); ...

  2. 【读书笔记《Android游戏编程之从零开始》】4.Android 游戏开发常用的系统控件（EditText、CheckBox、Radiobutton）

    3.4 EditText EditText类官方文档地址:http://developer.android.com/reference/android/widget/EditText.html Edi ...

  3. Network client/server

    <Beginning Linux Programming_4th>  chapter 15 Sockets 1  A simple local client/server 1)  clie ...

  4. [cocos2dx]2.2到3.1(3.0)升级帮助

    摘要: cocos2dx 是一款优秀的多平台,专为2D游戏设计的引擎. 在活跃的开源社区的推进下, 越发稳定和强大. 2.x -> 3.x的更新幅度很大, 性能的提升和功能的丰富也非常明显. 但 ...

  5. HDU 1565 最大点权独立集

    首先要明白图论的几个定义: 点覆盖.最小点覆盖: 点覆盖集即一个点集,使得所有边至少有一个端点在集合里.或者说是“点” 覆盖了所有“边”.. 最小点覆盖(minimum vertex covering ...

  6. git 添加文件

    git 添加文件三步骤 git add filename git commit -m 'remarks' git push origin master

  7. iOS开发之----常用函数和常数

    介绍一下Objective-c常用的函数,常数变量 算术函数 [算术函数] 函数名 说明 int rand() 随机数生成.(例)srand(time(nil)); //随机数初期化int val = ...

  8. sass、git、ruby的安装与使用。

    安装sass时必须先安装ruby,在安装ruby时勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境 sa ...

  9. 04SpringMvc_映射器_BeanNameUrlHanderMapping

    这篇文章我们讲的是映射器,映射器的作用是什么样的请求交给Action,如果我们没有在xml配置文件中进行配置,默认的就是BeanNameUrlHanderMapping. 我们讲一个案例增加用户的案例 ...

  10. [tools] Sublime text 3 神器

    同事给了一个Sublime text 3 增强优化版.<---神器   问题:中文文件名乱码:[因为我电脑调整了dpi] 解决: 在sublime text 3中,Preference, Set ...