Apakah Alternatif Terbaik kepada Pembolehubah Global dalam JavaScript?

Alternatif kepada Pembolehubah Global dalam JavaScript

Pembolehubah global sering tidak digalakkan dalam JavaScript kerana mereka berkongsi ruang nama tunggal dengan semua kod lain pada halaman . Ini boleh membawa kepada potensi konflik dan menyukarkan untuk mengurus kod.

Pertimbangkan untuk menggunakan alternatif berikut:

1. Singletons

Singletons ialah objek yang wujud sekali sahaja dalam aplikasi. Ia boleh digunakan untuk menyimpan data atau menyediakan akses kepada kaedah yang sebaliknya tidak boleh diakses. Contohnya:

const singleton = (function() {
  const myVar = 10;

  return {
    get: function() {
      return myVar;
    },
    set: function(value) {
      myVar = value;
    }
  };
})();

2. Modul

Modul ialah cara untuk merangkum kod dan data dalam skop tertentu. Ia boleh diakses melalui pembolehubah global yang merujuk kepada objek eksport modul. Contohnya:

const myModule = (function() {
  const myVar = 10;

  return {
    get: function() {
      return myVar;
    },
    set: function(value) {
      myVar = value;
    }
  };
})();

Untuk mengakses modul, gunakan pembolehubah global myModule:

console.log(myModule.get()); // 10

3. Suntikan Ketergantungan

Suntikan Ketergantungan ialah teknik di mana objek dihantar kebergantungan mereka sebagai hujah. Ini membolehkan fleksibiliti dan ujian yang lebih baik, kerana kebergantungan boleh ditukar dengan mudah. Contohnya:

function MyComponent(myService) {
  this.myService = myService;
}

MyComponent.prototype.doSomething = function() {
  this.myService.doStuff();
};

Dalam contoh ini, MyComponent memberikan kebergantungan pada objek myService. Ini membolehkan komponen menggunakan kaedah perkhidmatan tanpa perlu membuat contoh secara eksplisit.

4. Penutupan

Penutupan ialah fungsi atau blok kod yang mengekalkan akses kepada pembolehubah dan fungsi daripada skop lampirannya, walaupun selepas ia meninggalkannya. Ini boleh menjadi teknik yang berkuasa untuk mengurus keadaan dan menghantar data antara fungsi. Contohnya:

function counter() {
  let count = 0;

  return function() {
    return count++;
  };
}

const myCounter = counter();
console.log(myCounter()); // 0
console.log(myCounter()); // 1

Dalam contoh ini, fungsi kaunter mengembalikan penutupan yang mengekalkan akses kepada pembolehubah kiraan. Oleh itu, pembolehubah myCounter boleh dipanggil beberapa kali untuk menambah dan mendapatkan semula kiraan.

Kesimpulan

Walaupun pembolehubah global boleh menjadi mudah, ia datang dengan beberapa kelemahan. Dengan menggunakan teknik alternatif seperti singleton, modul, suntikan kebergantungan dan penutupan, anda boleh meningkatkan pengkapsulan, modulariti dan kebolehujian aplikasi JavaScript anda.

Atas ialah kandungan terperinci Apakah Alternatif Terbaik kepada Pembolehubah Global dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!