国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

淺析JS抽象工廠模式

2024-05-06 15:23:33
字體:
來源:轉載
供稿:網友

以下就是作者學習中遇到的問題以及代碼實例,最后還給大家關于JS抽象工廠模式的學習做了總結。

抽象工廠模式(Abstract Factory)就是通過類的抽象使得業務適用于一個產品類簇的創建,而不負責某一類產品的實例。

JS中是沒有直接的抽象類的,abstract是個保留字,但是還沒有實現,因此我們需要在類的方法中拋出錯誤來模擬抽象類,如果繼承的子類中沒有覆寫該方法而調用,就會拋出錯誤。

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

實現

面向對象的語言里有抽象工廠模式,首先聲明一個抽象類作為父類,以概括某一類產品所需要的特征,繼承該父類的子類需要實現父類中聲明的方法而實現父類中所聲明的功能:

/*** 實現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()        // 因為子類subType不僅需要繼承superType對應的類的原型方法,還要繼承其對象屬性 } 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 30baomai5 instanceof VehicleFactory.Car    // true

總結

通過抽象工廠,就可以創建某個類簇的產品,并且也可以通過instanceof來檢查產品的類別,也具備該類簇所必備的方法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 平陆县| 马关县| 清远市| 美姑县| 赞皇县| 揭东县| 丰县| 道真| 禄劝| 蒙城县| 多伦县| 敖汉旗| 双峰县| 宜都市| 顺义区| 苍梧县| 衡东县| 贵州省| 手机| 宁国市| 安阳市| 宁强县| 河北省| 大庆市| 明光市| 泸溪县| 邓州市| 巨野县| 铜陵市| 舞阳县| 内丘县| 温泉县| 嘉黎县| 阳朔县| 新乐市| 河东区| 永仁县| 平塘县| 开阳县| 东平县| 苏州市|