<!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. cri-o 与 cni的集成分析

    // 创建pod时,network的设置 1.// cri-o/server/sandbox.go // RunPodSandbox creates and runs a pod-level sand ...

  2. 我的第一篇博客--SQL小语句

    开通了博客,拥有了属于自己的小小天地.先写一篇今儿刚学到的 1 remove mirroring relationship alter database datab_name set partner ...

  3. 原创翻译－值得关注的10个python语言博客

    原文链接 原文链接的网页感觉网络不是很好,不容易上.我在这里就给大家做个翻译吧. 大家好,还记得我当时学习python的时候,我一直努力地寻找关于python的博客,但我发现它们的数量很少.这也是我建 ...

  4. 2014 Super Training #4 E Paint the Grid Reloaded --联通块缩点+BFS

    原题: ZOJ 3781 http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3781 题意: 给一个n*m的X,O构成的格子,对 ...

  5. Java语法基础（二）----运算符

    一.运算符: 运算符包括下面几种: 算术运算符 赋值运算符 比较运算符 逻辑运算符 位运算符 三目运算符 最不常用的是位运算符,但也是最接近计算机底层的. 1.算术运算符 (1)+的几种用法:加法.正 ...

  6. [cb]Unity 项目架构

    一.技能机制 二.游戏工程 三.客户端架构

  7. [cb]ScriptableObject 序列化

    ScriptableObject ScriptableObject是一个类,它允许你存储大量用于共享的数据独立脚本实例,不要迷惑这个类同样可以叫做 SerializableObject,可以理解成是一 ...

  8. Fidder--实现手机的抓包

    今天闲着没吊事,来写一篇关于怎么抓取Android中的app数据包?工欲行其事,必先利其器,上网google了一下,发现了一款神器:Fiddler,这个貌似是所有软件开发者必备神器呀!这款工具不仅可以 ...

  9. canvas模仿微信抢红包功能

    1.原理:先创建一张img图片,用filter滤镜制作毛玻璃效果. 2.利用绝对定位,使canvas刚好盖在img上面. 3.利用canvas原生clip函数剪辑一个圆形. 地址:http://san ...

  10. 5050 [JL] 他爱上了鸭蛋

    5050 [JL] 他爱上了鸭蛋  时间限制: 1 s  空间限制: 1000 KB  题目等级 : 白银 Silver 题解       题目描述 Description 小明爱上了零鸭蛋.他喜欢输 ...