Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Melaksanakan Corak Singleton dalam JavaScript?

Bagaimana untuk Melaksanakan Corak Singleton dalam JavaScript?

Linda Hamilton
Linda Hamiltonasal
2024-12-04 00:00:17760semak imbas

How to Implement the Singleton Pattern in JavaScript?

Cara Membuat Singleton dalam JavaScript

Dalam JavaScript, corak tunggal memastikan bahawa hanya satu contoh kelas atau objek boleh dibuat . Cara paling mudah untuk melaksanakan singleton adalah melalui objek literal:

var myInstance = {
  method1: function () {
    // ...
  },
  method2: function () {
    // ...
  }
};

Untuk ahli persendirian, gunakan ungkapan fungsi:

var myInstance = (function() {
  var privateVar = '';

  function privateMethod () {
    // ...
  }

  return { // public interface
    publicMethod1: function () {
      // All private members are accessible here
    },
    publicMethod2: function () {
    }
  };
})();

Corak ini, dikenali sebagai corak modul, merangkum ahli persendirian melalui penutupan.

Untuk mengelakkan pengubahsuaian, gunakan Object.freeze:

Object.freeze(myInstance);

Dalam ES6, gunakan Modul ES:

// my-singleton.js
const somePrivateState = []

function privateFn () {
  // ...
}

export default {
  method1() {
    // ...
  },
  method2() {
    // ...
  }
}

Kemudian importnya:

import myInstance from './my-singleton.js'
// ...

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Corak Singleton dalam JavaScript?. 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