<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        有關JS抽象工廠模式(詳細教程)

        來源:懂視網 責編:小OO 時間:2020-11-27 19:36:12
        文檔

        有關JS抽象工廠模式(詳細教程)

        以下就是作者學習中遇到的問題以及代碼實例,最后還給大家關于JS抽象工廠模式的學習做了總結。抽象工廠模式(Abstract Factory)就是通過類的抽象使得業務適用于一個產品類簇的創建,而不負責某一類產品的實例。JS中是沒有直接的抽象類的,abstract是個保留字,但是還沒有實現,因此我們需要在類的方法中拋出錯誤來模擬抽象類,如果繼承的子類中沒有覆寫該方法而調用,就會拋出錯誤。const Car = function() { }Car.prototype.getPrice = function() {return new Error(';抽象方法不能調用';)}。實現;
        推薦度:
        導讀以下就是作者學習中遇到的問題以及代碼實例,最后還給大家關于JS抽象工廠模式的學習做了總結。抽象工廠模式(Abstract Factory)就是通過類的抽象使得業務適用于一個產品類簇的創建,而不負責某一類產品的實例。JS中是沒有直接的抽象類的,abstract是個保留字,但是還沒有實現,因此我們需要在類的方法中拋出錯誤來模擬抽象類,如果繼承的子類中沒有覆寫該方法而調用,就會拋出錯誤。const Car = function() { }Car.prototype.getPrice = function() {return new Error(';抽象方法不能調用';)}。實現;

        本篇文章主要給大家總結了一下作者在學習JS抽象工廠模式時的經驗和總結,有興趣的朋友跟著學習下吧。

        以下就是作者學習中遇到的問題以及代碼實例,最后還給大家關于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 30
        baomai5 instanceof VehicleFactory.Car // true

        上面是我整理給大家的,希望今后會對大家有幫助。

        相關文章:

        在js中如何實現判斷文件類型大小

        在js中如何實現登錄需要滑動驗證

        在Angular中如何實現下拉框模糊查詢功能

        在Nodejs中有關crypto模塊安全知識(詳細教程)

        在angularjs中如何實現分頁和搜索功能

        使用vue如何引入ueditor及node后臺配置

        在Node.js中如何搭建小程序后臺服務

        在js中有關文件加載優化方面的問題

        使用nodejs+mongodb+vue如何配置ueditor

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        有關JS抽象工廠模式(詳細教程)

        以下就是作者學習中遇到的問題以及代碼實例,最后還給大家關于JS抽象工廠模式的學習做了總結。抽象工廠模式(Abstract Factory)就是通過類的抽象使得業務適用于一個產品類簇的創建,而不負責某一類產品的實例。JS中是沒有直接的抽象類的,abstract是個保留字,但是還沒有實現,因此我們需要在類的方法中拋出錯誤來模擬抽象類,如果繼承的子類中沒有覆寫該方法而調用,就會拋出錯誤。const Car = function() { }Car.prototype.getPrice = function() {return new Error(';抽象方法不能調用';)}。實現;
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 在线观看国产一区亚洲bd| 曰批全过程免费视频在线观看无码 | 四虎影视www四虎免费| 亚洲精品在线免费看| 99热精品在线免费观看| 亚洲男人天堂2017| 57pao国产成永久免费视频 | 亚洲午夜无码久久久久小说| 成人毛片免费网站| 自拍偷自拍亚洲精品偷一| 日本中文一区二区三区亚洲| 亚洲国产成人私人影院| 99久久久国产精品免费蜜臀| 亚洲成人在线免费观看| 最近免费中文字幕4| 国产亚洲精彩视频| 亚洲精品美女久久777777| 亚洲乱人伦中文字幕无码| 免费一区二区无码东京热| 亚洲av无码专区国产乱码在线观看 | a级毛片免费高清毛片视频| 久久久久亚洲av无码专区喷水| 很黄很黄的网站免费的| 亚洲成AV人影片在线观看| 67194熟妇在线永久免费观看| 99久久婷婷国产综合亚洲| 免费无遮挡无码永久视频| 亚洲18在线天美| 亚洲国产日韩在线观频| 51精品视频免费国产专区| 亚洲sm另类一区二区三区| 亚洲宅男天堂在线观看无病毒| 久久久无码精品亚洲日韩蜜臀浪潮| 国产人在线成免费视频| 亚洲国产精品热久久| 国内免费高清在线观看| 国产va免费精品| 亚洲综合偷自成人网第页色| 亚洲一区二区视频在线观看| 亚洲黄色免费网站| 一级日本高清视频免费观看|