JS中抽象工廠模式如何實(shí)現(xiàn)

這篇文章主要介紹了JS中抽象工廠模式如何實(shí)現(xiàn)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

抽象工廠模式(Abstract Factory)就是通過類的抽象使得業(yè)務(wù)適用于一個(gè)產(chǎn)品類簇的創(chuàng)建，而不負(fù)責(zé)某一類產(chǎn)品的實(shí)例。

JS中是沒有直接的抽象類的，abstract是個(gè)保留字，但是還沒有實(shí)現(xiàn)，因此我們需要在類的方法中拋出錯(cuò)誤來模擬抽象類，如果繼承的子類中沒有覆寫該方法而調(diào)用，就會拋出錯(cuò)誤。

const Car = function() { }
Car.prototype.getPrice = function() {return new Error('抽象方法不能調(diào)用')}

實(shí)現(xiàn)

面向?qū)ο蟮恼Z言里有抽象工廠模式，首先聲明一個(gè)抽象類作為父類，以概括某一類產(chǎn)品所需要的特征，繼承該父類的子類需要實(shí)現(xiàn)父類中聲明的方法而實(shí)現(xiàn)父類中所聲明的功能：

/**
* 實(shí)現(xiàn)subType類對工廠類中的superType類型的抽象類的繼承
* @param subType 要繼承的類
* @param superType 工廠類中的抽象類type
*/
const VehicleFactory = function(subType, superType) {
 if (typeof VehicleFactory[superType] === 'function') {
  function F() {
   this.type = '車輛'
  } 
  F.prototype = new VehicleFactory[superType]()
  subType.constructor = subType
  subType.prototype = new F()        // 因?yàn)樽宇恠ubType不僅需要繼承superType對應(yīng)的類的原型方法，還要繼承其對象屬性
 } else throw new Error('不存在該抽象類')
}
VehicleFactory.Car = function() {
 this.type = 'car'
}
VehicleFactory.Car.prototype = {
 getPrice: function() {
  return new Error('抽象方法不可使用')
 },
 getSpeed: function() {
  return new Error('抽象方法不可使用')
 }
}
const BMW = function(price, speed) {
 this.price = price
 this.speed = speed
}
VehicleFactory(BMW, 'Car')    // 繼承Car抽象類
BMW.prototype.getPrice = function() {    // 覆寫getPrice方法
 console.log(`BWM price is ${this.price}`)
}
BMW.prototype.getSpeed = function() {
 console.log(`BWM speed is ${this.speed}`)
}
const baomai5 = new BMW(30, 99)
baomai5.getPrice()             // BWM price is 30
baomai5 instanceof VehicleFactory.Car    // true

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS中抽象工廠模式如何實(shí)現(xiàn)”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!