JavaScript设计模式(三)【抽象工厂】

最新推荐文章于 2021-08-09 14:34:03 发布

.NET跨平台

最新推荐文章于 2021-08-09 14:34:03 发布

阅读量145

点赞数

分类专栏： Javascript设计模式

原文链接：https://blog.csdn.net/WuLex

版权

Javascript设计模式专栏收录该内容

37 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>抽象类</title>
</head>
<body>
<script>

    //抽象类
    var Car = function() {
    };
    Car.prototype = {
        getPrice: function() {
            return new Error("抽象方法不能调用！");
        },
        getSpeed: function() {
            return new Error("抽象方法不能调用！");
        }
    };

    //抽象工厂方法
    var VehicleFactory = function(subType, superType) {
        //判断抽象工厂中是否有该抽象类
        if (typeof VehicleFactory[superType] === 'function') {
            //缓存类
            function F() {};

            //继承父类属性和方法
            F.prototype = new VehicleFactory[superType]();
            //将子类constructor指向子类
            subType.constructor = subType;
            //子类原型继承'父类'
            subType.prototype = new F();
        } else {
            //不存在该抽象类抛出错误
            throw new Error('未创建该抽象类！');
        }
    }

    //小汽车抽象类
    VehicleFactory.Car = function() {
        this.type = 'car';
    };
    VehicleFactory.Car.prototype = {
        getPrice: function() {
            return new Error("抽象方法不能调用！");
        },
        getSpeed: function() {
            return new Error("抽象方法不能调用！");
        }
    };

    //公交车抽象类
    VehicleFactory.Bus = function() {
        this.type = 'bus';
    };
    VehicleFactory.Bus.prototype = {
        getPrice: function() {
            return new Error('抽象方法不能调用！');
        },
        getPassengerNum: function() {
            return new Error('抽象方法不能调用！');
        }
    };

    //货车抽象类
    VehicleFactory.Truck = function() {
        this.type = 'truck';
    };
    VehicleFactory.Truck.prototype = {
        getPrice: function() {
            return new Error('抽象方法不能调用！');
        },
        getTrainload: function() {
            return new Error('抽象方法不能调用！');
        }
    };


    //宝马汽车子类
    var BMW = function(price, speed) {
        this.price = price;
        this.speed = speed;
    }
    //抽象工厂实现对Car抽象类的继承
    VehicleFactory(BMW, 'Car');
    BMW.prototype.getPrice = function() {
        return this.price;
    }
    BMW.prototype.getSpeed = function() {
        return this.speed;
    }

    //兰博基尼汽车子类
    var Lamborghini = function(price, speed) {
        this.price = price;
        this.speed = speed;
    }
    //抽象工厂实现对Car抽象类的继承
    VehicleFactory(Lamborghini, 'Car');
    Lamborghini.prototype.getPrice = function() {
        return this.price;
    }
    Lamborghini.prototype.getSpeed = function() {
        return this.speed;
    }

    //宇通汽车子类
    var YUTONG = function(price, passenger) {
        this.price = price;
        this.passenger = passenger;
    };
    //抽象工厂实现对Bus抽象类的继承
    VehicleFactory(YUTONG, 'Bus');
    YUTONG.prototype.getPrice = function() {
        return this.price;
    }
    YUTONG.prototype.getPassengerNum = function() {
        return this.passenger;
    }

    //奔驰汽车子类
    var BenzTruck = function(price, trainLoad) {
        this.price = price;
        this.trainLoad = trainLoad;
    }
    //抽象工厂实现对Truck抽象类的继承
    VehicleFactory(BenzTruck, 'Truck');
    BenzTruck.prototype.getPrice = function() {
        return this.price;
    }
    BenzTruck.prototype.getTrainload = function() {
        return this.trainLoad;
    }

    window.onload = function() {
        var truck = new BenzTruck(10000000, 1000);
        console.log(truck.getPrice());
        console.log(truck.type);
    }
</script>
</body>
</html>