Rumah > hujung hadapan web > tutorial js > Menguasai WeakMap dan WeakSet dalam JavaScript: Pengurusan Memori yang Cekap

Menguasai WeakMap dan WeakSet dalam JavaScript: Pengurusan Memori yang Cekap

Susan Sarandon
Lepaskan: 2024-12-26 00:40:13
asal
125 orang telah melayarinya

Mastering WeakMap and WeakSet in JavaScript: Efficient Memory Management

Memahami WeakMap dan WeakSet dalam JavaScript

WeakMap dan WeakSet adalah serupa dengan Map dan Set, tetapi dengan perbezaan utama yang berkaitan dengan pengurusan memori. Kedua-dua WeakMap dan WeakSet membenarkan penyimpanan objek, tetapi mereka tidak menghalang pengumpulan sampah kunci atau nilai apabila ia tidak lagi dirujuk di tempat lain. Ini menjadikannya berguna untuk situasi di mana anda perlu menyimpan metadata tentang objek tetapi tidak mahu storan memastikan objek tersebut hidup tanpa perlu.

1. WeakMap dalam JavaScript

Sebuah WeakMap ialah koleksi pasangan nilai kunci dengan kunci mestilah objek dan nilai boleh menjadi sebarang jenis data. Ciri utama WeakMap ialah ia tidak menghalang kuncinya daripada dikumpul sampah apabila tiada rujukan lain kepada kunci itu.

Membuat WeakMap

Anda boleh mencipta WeakMap menggunakan pembina WeakMap, menghantar pelbagai pasangan nilai kunci:

const weakMap = new WeakMap();
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Menambah Entri pada WeakMap

Anda menambah entri menggunakan kaedah set():

const weakMap = new WeakMap();
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Ciri-ciri Utama WeakMap:

  • Kunci mestilah objek: Nilai primitif seperti rentetan atau nombor tidak boleh digunakan sebagai kunci.
  • Pengumpulan sampah: Jika objek yang digunakan sebagai kunci dalam WeakMap tidak lagi dirujuk, pasangan nilai kunci yang sepadan dialih keluar secara automatik daripada peta, yang membantu mengelakkan kebocoran memori.

Kaedah Peta Lemah:

  • set(kunci, nilai): Menambah pasangan nilai kunci.
  • get(key): Mendapatkan semula nilai untuk kunci yang diberikan.
  • mempunyai(kunci): Menyemak sama ada kunci wujud dalam peta.
  • padam(kunci): Mengalih keluar pasangan nilai kunci.
const obj = {};
const weakMap = new WeakMap();

weakMap.set(obj, 'This is a weak map entry');

console.log(weakMap.get(obj));  // Output: 'This is a weak map entry'
Salin selepas log masuk
Salin selepas log masuk

Nota Penting pada WeakMap:

  • Cekap ingatan: WeakMap mengalih keluar entri secara automatik apabila tiada lagi rujukan kepada kunci, menjadikannya sesuai untuk menyimpan cache atau menyimpan metadata tanpa perlu risau tentang kebocoran memori.
  • Kebolehubahan: WeakMaps tidak boleh diulang, bermakna anda tidak boleh terus melingkari entri (cth., dengan forEach() atau untuk...of).

2. WeakSet dalam JavaScript

Set WeakSet serupa dengan Set, tetapi ia hanya membenarkan objek disimpan sebagai nilai dan ia juga membenarkan pengumpulan sampah automatik unsur-unsurnya apabila tiada rujukan kepada objek yang disimpan dalam set.

Mencipta WeakSet

Anda boleh mencipta WeakSet menggunakan pembina WeakSet:

const obj1 = {};
const obj2 = {};

const weakMap = new WeakMap();

weakMap.set(obj1, 'value1');
weakMap.set(obj2, 'value2');

console.log(weakMap.get(obj1));  // Output: 'value1'
console.log(weakMap.has(obj2));  // Output: true

weakMap.delete(obj1);
console.log(weakMap.has(obj1));  // Output: false
Salin selepas log masuk

Menambah Entri pada WeakSet

Anda menambah entri menggunakan kaedah add():

const weakMap = new WeakMap();
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Ciri-ciri Utama WeakSet:

  • Nilai mestilah objek: Nilai primitif seperti rentetan atau nombor tidak boleh digunakan.
  • Pengumpulan sampah: WeakSet akan mengalih keluar elemen secara automatik apabila tiada rujukan kepada objek yang disimpan dalam set.

Kaedah WeakSet:

  • tambah(nilai): Menambah nilai pada set.
  • mempunyai(nilai): Menyemak sama ada nilai wujud dalam set.
  • padam(nilai): Mengalih keluar nilai daripada set.
const obj = {};
const weakMap = new WeakMap();

weakMap.set(obj, 'This is a weak map entry');

console.log(weakMap.get(obj));  // Output: 'This is a weak map entry'
Salin selepas log masuk
Salin selepas log masuk

Nota Penting pada WeakSet:

  • Cekap ingatan: Seperti WeakMap, entri WeakSet dikumpul sampah apabila ia tidak lagi digunakan, menghalang kebocoran memori.
  • Tidak boleh lelar: WeakSets tidak boleh lelar, jadi anda tidak boleh menggunakan forEach() atau untuk...gelung untuk lelaran melalui set.

Perbandingan WeakMap, WeakSet, Map dan Set

Ciri
Feature WeakMap WeakSet Map Set
Key/Value Types Keys must be objects, values can be any type Values must be objects Keys and values can be any type Values must be unique, any type
Garbage Collection Automatically garbage-collected when no references to the key Automatically garbage-collected when no references to the value Does not remove entries unless manually deleted Does not remove entries unless manually deleted
Iterability Not iterable Not iterable Iterable (can loop through entries) Iterable (can loop through values)
Methods set(), get(), has(), delete() add(), has(), delete() set(), get(), has(), delete() add(), has(), delete()
WeakMap WeakSet Peta Tetapkan Jenis Kunci/Nilai Kunci mestilah objek, nilai boleh menjadi apa-apa jenis Nilai mestilah objek Kunci dan nilai boleh menjadi sebarang jenis Nilai mestilah unik, apa-apa jenis Pengumpulan Sampah Dikumpul sampah secara automatik apabila tiada rujukan kepada kunci Dikumpul sampah secara automatik apabila tiada rujukan kepada nilai Tidak mengalih keluar masukan melainkan dipadamkan secara manual Tidak mengalih keluar masukan melainkan dipadamkan secara manual Kebolehubahan Tidak boleh diulang Tidak boleh diulang Iterable (boleh gelung melalui entri) Iterable (boleh menggelung melalui nilai) Kaedah set(), get(), has(), delete() add(), has(), delete() set(), get(), has(), delete() add(), has(), delete()

Gunakan Kes untuk WeakMap dan WeakSet

  • Kes Penggunaan Peta Lemah:

    • Storan Metadata: Apabila anda perlu menyimpan metadata atau data tambahan yang berkaitan dengan objek tanpa memastikan objek tersebut hidup tanpa perlu.
    • Sifat Peribadi: Menyimpan sifat peribadi dalam kelas atau objek tanpa menghalang pengumpulan sampah objek itu sendiri.
    • Cache: Mencipta sistem cache yang anda tidak mahu objek cache menyekat kutipan sampah.
  • Kes Penggunaan WeakSet:

    • Menjejaki Rujukan Objek: Apabila anda perlu menjejaki rujukan objek tanpa menghalang objek daripada dikumpul sampah apabila tidak lagi digunakan.
    • Storan Objek Unik: Berguna untuk menyimpan objek unik tanpa pendua, di mana objek dibersihkan secara automatik apabila tidak dirujuk lagi.

Kesimpulan

  • WeakMap dan WeakSet ialah alat yang hebat untuk senario di mana pengurusan memori adalah penting, terutamanya apabila bekerja dengan objek.
  • WeakMap adalah untuk pasangan nilai kunci dengan pengumpulan kunci sampah automatik, manakala WeakSet adalah untuk objek unik dengan pengumpulan nilai sampah automatik.
  • Kedua-dua struktur adalah lebih cekap ingatan daripada biasa Peta dan Tetapkan, menjadikannya sesuai untuk mengurus metadata, caching atau menjejak objek dengan cara yang menghalang kebocoran memori.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Menguasai WeakMap dan WeakSet dalam JavaScript: Pengurusan Memori yang Cekap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan