Fahami enkapsulasi JavaScript

Encapsulation boleh ditakrifkan sebagai menyembunyikan perwakilan data dalaman dan butiran pelaksanaan sesuatu objek. Penyembunyian maklumat boleh dikuatkuasakan melalui enkapsulasi.

Dalam JavaScript, tiada kata kunci eksplisit untuk mengisytiharkan ahli persendirian. Oleh itu, jika anda ingin mencapai penyembunyian enkapsulasi/maklumat, anda perlu bermula dari idea lain. Kita boleh menggunakan konsep penutupan untuk mencipta kaedah dan sifat yang hanya boleh diakses dari dalam objek untuk mencapai keperluan enkapsulasi.

Kaedah asas

Secara umumnya, kita belajar menggunakan tiga kaedah untuk mencapai tujuan enkapsulasi.

Gunakan ini.XXX untuk mengisytiharkan pembolehubah, dan kemudian mengisytiharkan getXXX, setXXX dan kaedah pemerolehan dan penetapan nilai lain.
Gunakan ini._XXX untuk mengisytiharkan pembolehubah, dan kemudian mengisytiharkan getXXX, setXXX dan kaedah pemerolehan dan penetapan nilai lain.
Gunakan konsep "skop fungsi" untuk melakukan ini.

1 Buka portal

var Book = function(isbn,title,author){
 this.setIsbn(isbn);
 this.setTitle(title);
 this.setAuthor(author);
};

Book.prototype = {
 setIsbn: function(isbn){
  this.isbn = isbn;
 },
 getIsbn: function(){
  return this.isbn;
 },
 setTitle: function(title){
  this.title = title;
 },
 getTitle: function(){
  return this.title;
 },
 setAuthor: function(author){
  this.author = author;
 },
 getAuthor: function(){
  return this.author;
 }
};

Gunakan kaedah ini untuk mencapai Enkapsulasi, walaupun penilai dan penyerah hak dilaksanakan untuk melindungi harta persendirian. Tetapi dalam penggunaan sebenar, harta persendirian masih boleh diakses dari luar, jadi pada asasnya, enkapsulasi tidak dilaksanakan.

2. Gunakan konvensyen penamaan untuk membezakan

var Book = function(isbn,title,author){
 this.setIsbn(isbn);
 this.setTitle(title);
 this.setAuthor(author);
};

Book.prototype = {
 setIsbn: function(isbn){
  this._isbn = isbn;
 },
 getIsbn: function(){
  return this._isbn;
 },
 setTitle: function(title){
  this._title = title;
 },
 getTitle: function(){
  return this._title;
 },
 setAuthor: function(author){
  this._author = author;
 },
 getAuthor: function(){
  return this._author;
 }
};

Gunakan kaedah ini dengan Serupa yang pertama , kecuali penamaan yang berbeza digunakan untuk melindungi penggunaan harta persendirian. Walau bagaimanapun, dari perspektif aplikasi praktikal, ia masih tidak melaksanakan enkapsulasi.

3. Menggunakan skop fungsi

var Book = function(newIsbn,newTitle,newAuthor){
 var isbn,title,author;

 this.setIsbn=function(newIsbn){
  isbn = newIsbn;
 };
 this.getIsbn=function(){
  return isbn;
 };
 this.setTitle=function(newTitle){
  title = newTitle;
 };
 this.getTitle=function(){
  return title;
 };
 this.setIsbn=function(newAuthor){
  author = newAuthor;
 };
 this.getIsbn=function(){
  return author;
 };
}

diisytiharkan dalam fungsi JavaScript Pembolehubah diskop , jadi menggunakan kaedah ini mengelakkan akses terus ke harta peribadi dari luar. Pada asasnya mencapai kandungan yang diperlukan untuk pembungkusan.

Apa yang perlu diperhatikan di sini ialah kita boleh menggunakan ini.XXX dan var untuk mengisytiharkan pembolehubah di dalam fungsi. Perbezaannya ialah pembolehubah yang diisytiharkan menggunakan ini.XXX boleh diakses secara luaran. Pembolehubah yang diisytiharkan menggunakan var dilindungi oleh skop fungsi dan tidak boleh diakses terus di luar fungsi.

4 Gunakan transformasi skop fungsi

var Book = (function(){
 // ...其他静态方法

 return function(newIsbn,newTitle,newAuthor){
  var isbn,title,author;

  this.setIsbn=function(newIsbn){
   isbn = newIsbn;
  };
  this.getIsbn=function(){
   return isbn;
  };
  this.setTitle=function(newTitle){
   title = newTitle;
  };
  this.getTitle=function(){
   return title;
  };
  this.setIsbn=function(newAuthor){
   author = newAuthor;
  };
  this.getIsbn=function(){
   return author;
  };
 };
})();

Kaedah ini mengembalikan secara langsung Perlaksanaan seorang pembina. Dan pembina di sini ialah fungsi sebaris.

Kelebihan kaedah ini ialah "hanya akan ada satu salinan dalam ingatan. Kerana kaedah statik lain diisytiharkan di luar pembina, ia bukan kaedah istimewa

Hakim kaedah Prinsip sama ada ia perlu direka bentuk sebagai kaedah statik ialah "sama ada kaedah ini akan mengakses harta persendirian." Jika ia tidak diperlukan, adalah lebih cekap untuk mereka bentuknya sebagai kaedah statik kerana hanya satu salinannya akan dibuat.

Malar
Kita boleh menggunakan pendekatan "pengambil sahaja, tiada penyerah hak" untuk melaksanakan pemalar.

// 1.
var Book = function(){
 var constants = ["key1": "1","key2": "2","key3": "3"];

 this.getConstant = function(key){
  return constants[key];
 };
};

Book.getConstant("key1");

// 2.
var Book = (function(){
 var constants = ["key1": "1","key2": "2","key3": "3"];

 var con = function(){};
 con.getConstant = function(name){
  return constants[name];
 };

 return con;
})();

Book.getConstant("key1");

Kebaikan dan keburukan

Kebaikan1 >

Encapsulation melindungi integriti data dalaman;
Encapsulation memudahkan untuk membina semula objek
melemahkan gandingan antara modul dan meningkatkan kebolehgunaan semula objek; konflik ruang nama;
...

2. Kelemahan

mesti dikaitkan dengan yang kompleks rantaian skop menjadikan penjadualan ralat lebih sukar; Keseluruhan kandungan artikel ini diharap dapat membantu kajian semua orang.

【Tutorial berkaitan yang disyorkan】

3 tutorial bootstrap