<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 22:23:40
        文檔

        淺析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抽象工廠模式的學習做了總結。

        抽象工廠模式(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

        總結

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

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。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
        主站蜘蛛池模板: 亚洲免费视频一区二区三区| 亚洲第一街区偷拍街拍| 一级一级毛片免费播放| 日韩免费毛片视频| 亚洲av无码成人精品区一本二本| 24小时日本在线www免费的| 亚洲综合校园春色| 久久久久国色AV免费观看性色| 亚洲欧洲另类春色校园小说| 亚洲w码欧洲s码免费| 亚洲精品美女在线观看播放| 18禁无遮挡无码国产免费网站| 久久久国产精品亚洲一区| 亚欧在线精品免费观看一区| 亚洲综合久久一本伊伊区| 国产在线不卡免费播放| 免费一级毛片在线播放放视频 | 中国亚洲呦女专区| 四虎成人免费网址在线| 免费亚洲视频在线观看| 亚洲视频在线精品| 性xxxxx大片免费视频| 亚洲欧洲日产专区| 国产gav成人免费播放视频| 亚洲视频在线免费| 久久久久亚洲av无码专区蜜芽| 57pao国产成永久免费视频| 亚洲中文字幕久久精品无码VA| 免费一级e一片在线播放| 中文成人久久久久影院免费观看| 91天堂素人精品系列全集亚洲| 野花高清在线观看免费3中文| 美女被爆羞羞网站免费| 亚洲AV无码专区在线播放中文| 91精品免费国产高清在线| 精品韩国亚洲av无码不卡区| 亚洲av无码成人黄网站在线观看| 大地资源免费更新在线播放| 久久99久久成人免费播放| 亚洲一区二区久久| 亚洲伊人成无码综合网 |