JS模式：又一个简单的工厂模式

最新推荐文章于 2021-04-17 17:08:38 发布

dianyan5615

最新推荐文章于 2021-04-17 17:08:38 发布

阅读量87

点赞数

原文链接：http://www.cnblogs.com/diligenceday/p/3432441.html

版权

<!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>

转载于:https://www.cnblogs.com/diligenceday/p/3432441.html

dianyan5615

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS模式：又一个简单的工厂模式

<!DOCTYPE html><html><head> <title></title></head><body><script> function Car(options){ this.doors = options.doors |...
复制链接

扫一扫