es6有工廠模式；工廠模式將邏輯封裝到一個(gè)函數(shù)中，在es6中可以不使用構(gòu)造函數(shù)創(chuàng)建對(duì)象，而使用class配合static關(guān)鍵字將簡(jiǎn)單工廠封裝到User類的靜態(tài)方法中，語法為“class User{構(gòu)造器}static 靜態(tài)方法(){}”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6有工廠模式嗎

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

ES6重寫簡(jiǎn)單工廠模式

使用ES6重寫簡(jiǎn)單工廠模式時(shí)，我們不再使用構(gòu)造函數(shù)創(chuàng)建對(duì)象，而是使用class的新語法，并使用static關(guān)鍵字將簡(jiǎn)單工廠封裝到User類的靜態(tài)方法中:

//User類 class User {   //構(gòu)造器   constructor(opt) {     this.name = opt.name;     this.viewPage = opt.viewPage;   }   //靜態(tài)方法   static getInstance(role) {     switch (role) {       case 'superAdmin':       return new User({ name: '超級(jí)管理員', viewPage: ['首頁', '通訊錄', '發(fā)現(xiàn)頁', '應(yīng)用數(shù)據(jù)', '權(quán)限管理'] });         break;       case 'admin':         return new User({ name: '管理員', viewPage: ['首頁', '通訊錄', '發(fā)現(xiàn)頁', '應(yīng)用數(shù)據(jù)'] });         break;       case 'user':         return new User({ name: '普通用戶', viewPage: ['首頁', '通訊錄', '發(fā)現(xiàn)頁'] });         break;       default:         throw new Error('參數(shù)錯(cuò)誤, 可選參數(shù):superAdmin、admin、user')     }   } }  //調(diào)用 let superAdmin = User.getInstance('superAdmin'); let admin = User.getInstance('admin'); let normalUser = User.getInstance('user');

工廠模式是最常見的一種開發(fā)模式，將new操作單獨(dú)封裝，當(dāng)遇到new是應(yīng)考慮工廠模式。創(chuàng)建對(duì)象，不暴露代碼邏輯，把邏輯寫到函數(shù)里面。這個(gè)函數(shù)就是工廠模式。優(yōu)點(diǎn)，簡(jiǎn)單。 缺點(diǎn)就是，每增加構(gòu)造函數(shù)，都要修改函數(shù)里面的代碼邏輯。

工廠模式是用來創(chuàng)建對(duì)象的一種最常用的設(shè)計(jì)模式。我們不暴露創(chuàng)建對(duì)象的具體邏輯，而是將將邏輯封裝在一個(gè)函數(shù)中，那么這個(gè)函數(shù)就可以被視為一個(gè)工廠。工廠模式根據(jù)抽象程度的不同可以分為：簡(jiǎn)單工廠，工廠方法和抽象工廠。

如果只接觸過JavaScript這門語言的的人可能會(huì)對(duì)抽象這個(gè)詞的概念有點(diǎn)模糊，因?yàn)镴avaScript一直將abstract作為保留字而沒有去實(shí)現(xiàn)它。如果不能很好的理解抽象的概念，那么就很難理解工廠模式中的三種方法的異同。所以，我們先以一個(gè)場(chǎng)景去簡(jiǎn)單的講述一下抽象和工廠的概念。

簡(jiǎn)單工廠模式又叫靜態(tài)工廠模式，由一個(gè)工廠對(duì)象決定創(chuàng)建某一種產(chǎn)品對(duì)象類的實(shí)例。主要用來創(chuàng)建同一類對(duì)象。

在實(shí)際的項(xiàng)目中，我們常常需要根據(jù)用戶的權(quán)限來渲染不同的頁面，高級(jí)權(quán)限的用戶所擁有的頁面有些是無法被低級(jí)權(quán)限的用戶所查看。所以我們可以在不同權(quán)限等級(jí)用戶的構(gòu)造函數(shù)中，保存該用戶能夠看到的頁面。在根據(jù)權(quán)限實(shí)例化用戶。

代碼如下：

class SuperAdmin{   constructor(){     this.name = "超級(jí)管理員";     this.viewPage = ['首頁', '通訊錄', '發(fā)現(xiàn)頁', '應(yīng)用數(shù)據(jù)', '權(quán)限管理'];   } } class Admin{   constructor(){     this.name = "管理員";     this.viewPage = ['首頁', '通訊錄', '發(fā)現(xiàn)頁', '應(yīng)用數(shù)據(jù)', '權(quán)限管理'];   } } class NormalUser{   constructor(){     this.name = "普通用戶";     this.viewPage = ['首頁', '通訊錄', '發(fā)現(xiàn)頁', '應(yīng)用數(shù)據(jù)', '權(quán)限管理'];   } } //工廠方法類 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('參數(shù)錯(cuò)誤, 可選參數(shù):superAdmin、admin、user');    }   }  }   //調(diào)用 let uesr =new UserFactory(); uesr.getFactory('superAdmin'); uesr.getFactory('admin'); uesr.getFactory('user');

簡(jiǎn)單工廠的優(yōu)點(diǎn)在于，你只需要一個(gè)正確的參數(shù)，就可以獲取到你所需要的對(duì)象，而無需知道其創(chuàng)建的具體細(xì)節(jié)。但是在函數(shù)內(nèi)包含了所有對(duì)象的創(chuàng)建邏輯（構(gòu)造函數(shù)）和判斷邏輯的代碼，每增加新的構(gòu)造函數(shù)還需要修改判斷邏輯代碼。

當(dāng)我們的對(duì)象不是上面的3個(gè)而是30個(gè)或