Corak reka bentuk JavaScript kegemaran saya

3

Saya fikir ia mungkin menarik untuk melihat corak reka bentuk JavaScript yang saya gunakan banyak. Saya menetap di atasnya secara beransur -ansur, dalam tempoh masa, menyerap dan menyesuaikan pengaruh dari pelbagai sumber, sehingga mencapai corak yang menawarkan fleksibiliti yang saya perlukan.

izinkan saya menunjukkan gambaran keseluruhan, dan kemudian lihat bagaimana ia bersama -sama:

seperti yang anda lihat dari kod sampel itu, struktur keseluruhannya adalah

fungsi literal

:

function MyScript(){}
(function()
{

  var THIS = this;

  function defined(x)
  {
    return typeof x != 'undefined';
  }

  this.ready = false;

  this.init = function(
  {
    this.ready = true;
  };

  this.doSomething = function()
  {
  };   

  var options = {
      x : 123,
      y : 'abc'
      };

  this.define = function(key, value)
  {
    if(defined(options[key]))
    {
      options[key] = value;
    }
  };

}).apply(MyScript);

Fungsi literal pada dasarnya adalah skop yang melaksanakan diri, bersamaan dengan menentukan fungsi bernama dan kemudian memanggilnya dengan segera:

Saya mula menggunakan fungsi literals demi enkapsulasi

(function()
{
  ...

})();

-Ans dalam mana -mana format boleh dibungkus dalam kandang itu, dan ia secara efektif "menutup" ia ke dalam skop peribadi, menghalangnya daripada bertentangan dengan skrip lain dalam skop yang sama, atau dengan data dalam skop global. Pakus kurungan pada akhirnya adalah apa yang melaksanakan skop, memanggilnya sama seperti fungsi lain.

Tetapi jika, bukan hanya memanggilnya secara global, skop dilaksanakan menggunakan fungsi.

function doSomething()
{
  ...
}

doSomething();

Oleh itu, dengan menggabungkan kedua-dua mereka bersama-sama-penciptaan fungsi yang dinamakan, maka pelaksanaan fungsi literal ke dalam skop fungsi yang dinamakan-kita berakhir dengan satu objek penggunaan yang dapat membentuk asas dari mana-mana skrip, sambil mensimulasikan jenis warisan yang terdapat dalam kelas berorientasikan objek.

Kecantikan dalam Lihat contoh kod pertama itu, dan anda dapat melihat fleksibiliti yang ditawarkan oleh struktur skop yang melekat. Tidak ada apa -apa yang tidak boleh anda lakukan dalam apa -apa fungsi, sudah tentu, tetapi dengan membungkusnya dengan cara ini kita mempunyai pembinaan yang boleh dikaitkan dengan

mana -mana

bernama skop.

kita boleh membuat pelbagai pembinaan sedemikian, dan mengaitkan mereka semua dengan skop yang sama, dan kemudian semuanya akan berkongsi data awam mereka

antara satu sama lain.

Di sini sebagai contoh, di bahagian paling atas skrip:

kami telah mencipta pembolehubah peribadi

yang dipanggil ini yang menunjuk kepada skop fungsi, dan boleh digunakan dalam fungsi peribadi untuk merujuknya -dengan cara yang sama seperti pergi "self = ini" untuk membuat rujukan untuk skop dalaman.

Pembolehubah peribadi yang lain, mengisytiharkan dengan cara yang sama, boleh berkongsi konvensyen huruf besar jika mereka menentukan data malar (namun pengisytiharan menggunakan const dan bukannya var harus dielakkan, kerana ia tidak disokong dengan baik).

Fungsi peribadi

boleh digunakan untuk menyediakan utiliti dalaman:

function MyScript(){}
(function()
{

  var THIS = this;

  function defined(x)
  {
    return typeof x != 'undefined';
  }

  this.ready = false;

  this.init = function(
  {
    this.ready = true;
  };

  this.doSomething = function()
  {
  };   

  var options = {
      x : 123,
      y : 'abc'
      };

  this.define = function(key, value)
  {
    if(defined(options[key]))
    {
      options[key] = value;
    }
  };

}).apply(MyScript);

maka kita boleh membuat kaedah dan sifat awam , boleh diakses dengan contoh lain, dan ke luar:

(function()
{
  ...

})();

kita juga boleh mencipta nilai -nilai istimewa - yang swasta, tetapi secara terbuka, dalam hal ini melalui kaedah menentukan awam; Hujah -hujahnya dapat disahkan selanjutnya mengikut keperluan data:

function doSomething()
{
  ...
}

doSomething();

dibungkus!

Semua ciri -ciri ini adalah apa yang menjadikan pembinaan sangat berguna kepada saya. Dan semuanya dibungkus dengan sendiri, yang melaksanakan singleton -a objek guna tunggal yang mudah dirujuk dan diintegrasikan, dan mudah digunakan!

Jadi apa pendapat anda? Adakah ini corak yang biasa dengan anda, atau adakah anda mempunyai sesuatu yang anda suka gunakan?

Kredit Thumbnail: Superkimbo Catatan: Ingin lebih banyak?

Jika anda ingin membaca lebih lanjut dari James, langgan surat berita Tech Geek mingguan kami,

Tech Times .

Atas ialah kandungan terperinci Corak reka bentuk JavaScript kegemaran saya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!