Rumah  >  Artikel  >  hujung hadapan web  >  Adakah es6 mempunyai mod kilang?

Adakah es6 mempunyai mod kilang?

WBOY
WBOYasal
2022-05-06 16:23:381461semak imbas

es6 mempunyai mod kilang; mod kilang merangkumkan logik ke dalam fungsi Dalam es6, anda boleh mencipta objek tanpa menggunakan konstruktor, sebaliknya, gunakan kelas dengan kata kunci statik untuk merangkumkan kilang ringkas ke dalam kaedah statik kelas Pengguna , sintaksnya ialah "class User{constructor}static static method(){}".

Adakah es6 mempunyai mod kilang?

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Adakah es6 mempunyai mod kilang?

ES6 memberikan kami sintaks baharu kelas Walaupun kelas pada dasarnya adalah gula sintaks, ia tidak mengubah bahawa JavaScript ialah bahasa yang menggunakan warisan prototaip. Ia benar-benar menjadikan proses penciptaan dan pewarisan objek lebih jelas dan mudah dibaca. Mari tulis semula contoh di atas menggunakan sintaks baharu ES6.

ES6 menulis semula corak kilang ringkas

Apabila menulis semula corak kilang ringkas menggunakan ES6, kami tidak lagi menggunakan pembina untuk mencipta objek, tetapi menggunakan sintaks kelas baharu, Dan gunakan kata kunci statik untuk merangkum kilang mudah ke dalam kaedah statik kelas Pengguna:

//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');

Mod kilang ialah mod pembangunan yang paling biasa Operasi baharu dikapsulkan secara berasingan dianggap mod Kilang. Cipta objek tanpa mendedahkan logik kod dan tulis logik ke dalam fungsi. Fungsi ini ialah corak kilang. Kelebihan: kesederhanaan. Kelemahannya ialah setiap kali pembina ditambah, logik kod dalam fungsi mesti diubah suai.

Corak kilang ialah salah satu corak reka bentuk yang paling biasa digunakan untuk mencipta objek. Kami tidak mendedahkan logik khusus untuk mencipta objek, tetapi merangkum logik dalam fungsi, maka fungsi ini boleh dianggap sebagai kilang. Corak kilang boleh dibahagikan kepada kilang mudah, kaedah kilang dan kilang abstrak mengikut tahap abstraksi yang berbeza.

Jika anda hanya didedahkan kepada bahasa JavaScript, konsep abstrak mungkin agak kabur, kerana JavaScript sentiasa menganggap abstrak sebagai perkataan simpanan dan tidak melaksanakannya. Jika anda tidak memahami konsep abstrak dengan baik, sukar untuk memahami persamaan dan perbezaan ketiga-tiga kaedah dalam corak kilang. Oleh itu, mari kita huraikan secara ringkas konsep abstraksi dan kilang dengan senario.

Mod kilang ringkas juga dipanggil mod kilang statik Objek kilang menentukan untuk mencipta tika kelas objek produk tertentu. Terutamanya digunakan untuk mencipta objek daripada jenis yang sama.

Dalam projek sebenar, kami selalunya perlu memaparkan halaman yang berbeza berdasarkan kebenaran pengguna Sesetengah halaman yang dimiliki oleh pengguna dengan kebenaran peringkat tinggi tidak boleh dilihat oleh pengguna yang mempunyai kebenaran peringkat rendah. Jadi kita boleh menyimpan halaman yang pengguna boleh lihat dalam pembina pengguna dengan tahap kebenaran yang berbeza. Buat pengguna segera berdasarkan kebenaran.

Kodnya adalah seperti berikut:

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');

Kelebihan kilang yang ringkas ialah anda hanya memerlukan satu parameter yang betul untuk mendapatkan objek yang anda perlukan tanpa mengetahui butiran khusus penciptaannya. . Walau bagaimanapun, fungsi tersebut mengandungi logik penciptaan (pembina) dan kod logik penghakiman bagi semua objek Setiap kali pembina baharu ditambah, kod logik penghakiman perlu diubah suai.

Apabila objek kita bukan 3 di atas tetapi 30 atau lebih, fungsi ini akan menjadi fungsi super yang besar dan sukar untuk dikekalkan.

Oleh itu, kilang ringkas hanya boleh digunakan apabila bilangan objek yang dicipta adalah kecil dan logik penciptaan objek tidak kompleks.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Adakah es6 mempunyai mod kilang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn