站長資訊網
        最全最豐富的資訊網站

        es6有工廠模式嗎

        es6有工廠模式;工廠模式將邏輯封裝到一個函數中,在es6中可以不使用構造函數創建對象,而使用class配合static關鍵字將簡單工廠封裝到User類的靜態方法中,語法為“class User{構造器}static 靜態方法(){}”。

        es6有工廠模式嗎

        本教程操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

        es6有工廠模式嗎

        ES6中給我們提供了class新語法,雖然class本質上是一顆語法糖,并也沒有改變JavaScript是使用原型繼承的語言,但是確實讓對象的創建和繼承的過程變得更加的清晰和易讀。下面我們使用ES6的新語法來重寫上面的例子。

        ES6重寫簡單工廠模式

        使用ES6重寫簡單工廠模式時,我們不再使用構造函數創建對象,而是使用class的新語法,并使用static關鍵字將簡單工廠封裝到User類的靜態方法中:

        //User類 class User {   //構造器   constructor(opt) {     this.name = opt.name;     this.viewPage = opt.viewPage;   }   //靜態方法   static getInstance(role) {     switch (role) {       case 'superAdmin':       return new User({ name: '超級管理員', viewPage: ['首頁', '通訊錄', '發現頁', '應用數據', '權限管理'] });         break;       case 'admin':         return new User({ name: '管理員', viewPage: ['首頁', '通訊錄', '發現頁', '應用數據'] });         break;       case 'user':         return new User({ name: '普通用戶', viewPage: ['首頁', '通訊錄', '發現頁'] });         break;       default:         throw new Error('參數錯誤, 可選參數:superAdmin、admin、user')     }   } }  //調用 let superAdmin = User.getInstance('superAdmin'); let admin = User.getInstance('admin'); let normalUser = User.getInstance('user');

        工廠模式是最常見的一種開發模式,將new操作單獨封裝,當遇到new是應考慮工廠模式。創建對象,不暴露代碼邏輯,把邏輯寫到函數里面。這個函數就是工廠模式。優點,簡單。 缺點就是,每增加構造函數,都要修改函數里面的代碼邏輯。

        工廠模式是用來創建對象的一種最常用的設計模式。我們不暴露創建對象的具體邏輯,而是將將邏輯封裝在一個函數中,那么這個函數就可以被視為一個工廠。工廠模式根據抽象程度的不同可以分為:簡單工廠,工廠方法和抽象工廠。

        如果只接觸過JavaScript這門語言的的人可能會對抽象這個詞的概念有點模糊,因為JavaScript一直將abstract作為保留字而沒有去實現它。如果不能很好的理解抽象的概念,那么就很難理解工廠模式中的三種方法的異同。所以,我們先以一個場景去簡單的講述一下抽象和工廠的概念。

        簡單工廠模式又叫靜態工廠模式,由一個工廠對象決定創建某一種產品對象類的實例。主要用來創建同一類對象。

        在實際的項目中,我們常常需要根據用戶的權限來渲染不同的頁面,高級權限的用戶所擁有的頁面有些是無法被低級權限的用戶所查看。所以我們可以在不同權限等級用戶的構造函數中,保存該用戶能夠看到的頁面。在根據權限實例化用戶。

        代碼如下:

        class SuperAdmin{   constructor(){     this.name = "超級管理員";     this.viewPage = ['首頁', '通訊錄', '發現頁', '應用數據', '權限管理'];   } } class Admin{   constructor(){     this.name = "管理員";     this.viewPage = ['首頁', '通訊錄', '發現頁', '應用數據', '權限管理'];   } } class NormalUser{   constructor(){     this.name = "普通用戶";     this.viewPage = ['首頁', '通訊錄', '發現頁', '應用數據', '權限管理'];   } } //工廠方法類 class UserFactory {   getFactory(role){    switch (role) {      case 'superAdmin':        return new SuperAdmin();        break;      case 'admin':        return new Admin();        break;      case 'user':        return new NormalUser();        break;      default:        throw new Error('參數錯誤, 可選參數:superAdmin、admin、user');    }   }  }   //調用 let uesr =new UserFactory(); uesr.getFactory('superAdmin'); uesr.getFactory('admin'); uesr.getFactory('user');

        簡單工廠的優點在于,你只需要一個正確的參數,就可以獲取到你所需要的對象,而無需知道其創建的具體細節。但是在函數內包含了所有對象的創建邏輯(構造函數)和判斷邏輯的代碼,每增加新的構造函數還需要修改判斷邏輯代碼。

        當我們的對象不是上面的3個而是30個或

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产国产精品人在线视| 2020最新久久久视精品爱| 91精品国产自产在线老师啪| 亚洲欧洲国产精品香蕉网| 国产乱人伦偷精品视频| 99热精品在线| 久久国产乱子伦免费精品| 综合在线视频精品专区| 精品国产亚洲男女在线线电影 | 久久这里只有精品久久| 日韩精品区一区二区三VR| 人妻无码久久精品| 精品国产毛片一区二区无码| 成人精品一区二区三区| 青草青草久热精品视频在线网站 | 国产精品三级国产电影| 无码欧精品亚洲日韩一区| 午夜精品久久久久久久无码| 黑人巨茎精品欧美一区二区| 国产精品亚洲二区在线观看| 91精品国产综合久久四虎久久无码一级 | 亚洲国产精品久久久久| 99re这里只有精品6| 国产精品白丝AV网站| 国产日韩精品中文字无码| 久久精品国产亚洲av影院| 漂亮人妻被黑人久久精品| 日本午夜精品一区二区三区电影| 亚洲午夜国产精品无码| 亚洲国产美女精品久久久久∴| 亚洲国产精品一区二区成人片国内| 亚洲欧美日韩精品久久亚洲区| 亚洲欧洲精品成人久久曰影片| 亚洲精品无码久久毛片| 亚洲精品无码久久久久sm| 无码国内精品久久人妻蜜桃| 久久久久人妻一区精品性色av| 国内精品久久久久久99蜜桃| 69久久夜色精品国产69| 成人久久精品一区二区三区| 亚洲永久永久永久永久永久精品|