《JavaScript设计模式》笔记 之 抽象工厂模式

抽象工厂模式

抽象工厂模式:通过对类的工厂抽象使其业务用域对产品类簇的创建,而不是负责创建某一类产品的实例。

抽象类

JavaScript 中 abstract 还是保留字,虽然不像传统面向对象创建,之前Dart就有此类方法,(语言相通性)。

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

创建时没有任何属性,而原型prototype上的方法也不能直接使用,会报错。但是在一些大型的应用中,总有一些子类去继承另一些父类,这些父类经常会定义一些必要的方法,却没有具体实现,如Car中的getPrice和getSpeed,那么一旦创建了一个对象,该对象总是具备一些必备的方法,但是这些必要的方法从父类继承过来而没有具体去重写实现,就会报个友好的错误,return new Error(),需要重写父类方法。

抽象工厂函数

抽象函数定义的方法只是显性地定义一些方法和功能,但是没有具体的实现,而一个对象是要有一套完整的功能,使用用抽象类创建的对象当然也是抽象的。

// 抽象工厂方法
var VehicleFactory = function(subType,superType){
    //判断抽象工厂中是否含有抽象类
    if(typeof VehicleFactory[superType]==='function'){
        //缓存类
        function F(){};
        F.prototype = new VehicleFactory[superType]();
        //将子类的constructor指向子类
        subType.constructor = subType;
        //子类原型继承父类   new 的作用过度类不仅继承父类的原型方法,还要继承父类的原型方法
        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('抽象方法不能调用')
    },
    getSpeed:function(){
        return new Error('抽象方法不能调用')
    }
};

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

// -------------------------使用----------------------------

// 宝马汽车子类
var BMW = function(price,speed){
    this.price = price;
    this.speed = speed;
}
VehicleFactory(BMW,'Car')
BMW.prototype.getPrice = function(){
    return this.price
}
BMW.prototype.getSpeed = function(){
    return this.speed
}

// 宇通公交子类
var YUTONG = function(price,speed){
    this.price = price;
    this.speed = speed;
}
VehicleFactory(YUTONG,'Bus')
YUTONG.prototype.getPrice = function(){
    return this.price
}
YUTONG.prototype.getSpeed = function(){
    return this.speed
}

// 实例化
var bmw = new BMW(1000000,10000);
console.log(bmw.getPrice()) //1000000
console.log(bmw.type) //car

通过抽象工厂就能知道每个子类到底是哪一类类别的,然后他们具备了该类的所必备的属性和方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值