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

Dec 26, 2024 am 12:40 AM

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!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
<🎜> obscur: Ekspedisi 33 - Cara mendapatkan pemangkin Chroma yang sempurna
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1677
14
Tutorial PHP
1278
29
Tutorial C#
1257
24
Python vs JavaScript: Keluk Pembelajaran dan Kemudahan Penggunaan Python vs JavaScript: Keluk Pembelajaran dan Kemudahan Penggunaan Apr 16, 2025 am 12:12 AM

Python lebih sesuai untuk pemula, dengan lengkung pembelajaran yang lancar dan sintaks ringkas; JavaScript sesuai untuk pembangunan front-end, dengan lengkung pembelajaran yang curam dan sintaks yang fleksibel. 1. Sintaks Python adalah intuitif dan sesuai untuk sains data dan pembangunan back-end. 2. JavaScript adalah fleksibel dan digunakan secara meluas dalam pengaturcaraan depan dan pelayan.

JavaScript dan Web: Fungsi teras dan kes penggunaan JavaScript dan Web: Fungsi teras dan kes penggunaan Apr 18, 2025 am 12:19 AM

Penggunaan utama JavaScript dalam pembangunan web termasuk interaksi klien, pengesahan bentuk dan komunikasi tak segerak. 1) kemas kini kandungan dinamik dan interaksi pengguna melalui operasi DOM; 2) pengesahan pelanggan dijalankan sebelum pengguna mengemukakan data untuk meningkatkan pengalaman pengguna; 3) Komunikasi yang tidak bersesuaian dengan pelayan dicapai melalui teknologi Ajax.

JavaScript in Action: Contoh dan projek dunia nyata JavaScript in Action: Contoh dan projek dunia nyata Apr 19, 2025 am 12:13 AM

Aplikasi JavaScript di dunia nyata termasuk pembangunan depan dan back-end. 1) Memaparkan aplikasi front-end dengan membina aplikasi senarai TODO, yang melibatkan operasi DOM dan pemprosesan acara. 2) Membina Restfulapi melalui Node.js dan menyatakan untuk menunjukkan aplikasi back-end.

Memahami Enjin JavaScript: Butiran Pelaksanaan Memahami Enjin JavaScript: Butiran Pelaksanaan Apr 17, 2025 am 12:05 AM

Memahami bagaimana enjin JavaScript berfungsi secara dalaman adalah penting kepada pemaju kerana ia membantu menulis kod yang lebih cekap dan memahami kesesakan prestasi dan strategi pengoptimuman. 1) aliran kerja enjin termasuk tiga peringkat: parsing, penyusun dan pelaksanaan; 2) Semasa proses pelaksanaan, enjin akan melakukan pengoptimuman dinamik, seperti cache dalam talian dan kelas tersembunyi; 3) Amalan terbaik termasuk mengelakkan pembolehubah global, mengoptimumkan gelung, menggunakan const dan membiarkan, dan mengelakkan penggunaan penutupan yang berlebihan.

Python vs JavaScript: Persekitaran dan Alat Pembangunan Python vs JavaScript: Persekitaran dan Alat Pembangunan Apr 26, 2025 am 12:09 AM

Kedua -dua pilihan Python dan JavaScript dalam persekitaran pembangunan adalah penting. 1) Persekitaran pembangunan Python termasuk Pycharm, Jupyternotebook dan Anaconda, yang sesuai untuk sains data dan prototaip cepat. 2) Persekitaran pembangunan JavaScript termasuk node.js, vscode dan webpack, yang sesuai untuk pembangunan front-end dan back-end. Memilih alat yang betul mengikut keperluan projek dapat meningkatkan kecekapan pembangunan dan kadar kejayaan projek.

Peranan C/C dalam JavaScript Jurubah dan Penyusun Peranan C/C dalam JavaScript Jurubah dan Penyusun Apr 20, 2025 am 12:01 AM

C dan C memainkan peranan penting dalam enjin JavaScript, terutamanya digunakan untuk melaksanakan jurubahasa dan penyusun JIT. 1) C digunakan untuk menghuraikan kod sumber JavaScript dan menghasilkan pokok sintaks abstrak. 2) C bertanggungjawab untuk menjana dan melaksanakan bytecode. 3) C melaksanakan pengkompil JIT, mengoptimumkan dan menyusun kod hot-spot semasa runtime, dan dengan ketara meningkatkan kecekapan pelaksanaan JavaScript.

Python vs JavaScript: Gunakan Kes dan Aplikasi Membandingkan Python vs JavaScript: Gunakan Kes dan Aplikasi Membandingkan Apr 21, 2025 am 12:01 AM

Python lebih sesuai untuk sains data dan automasi, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python berfungsi dengan baik dalam sains data dan pembelajaran mesin, menggunakan perpustakaan seperti numpy dan panda untuk pemprosesan data dan pemodelan. 2. Python adalah ringkas dan cekap dalam automasi dan skrip. 3. JavaScript sangat diperlukan dalam pembangunan front-end dan digunakan untuk membina laman web dinamik dan aplikasi satu halaman. 4. JavaScript memainkan peranan dalam pembangunan back-end melalui Node.js dan menyokong pembangunan stack penuh.

Dari laman web ke aplikasi: Aplikasi pelbagai JavaScript Dari laman web ke aplikasi: Aplikasi pelbagai JavaScript Apr 22, 2025 am 12:02 AM

JavaScript digunakan secara meluas di laman web, aplikasi mudah alih, aplikasi desktop dan pengaturcaraan sisi pelayan. 1) Dalam pembangunan laman web, JavaScript mengendalikan DOM bersama -sama dengan HTML dan CSS untuk mencapai kesan dinamik dan menyokong rangka kerja seperti JQuery dan React. 2) Melalui reaktnatif dan ionik, JavaScript digunakan untuk membangunkan aplikasi mudah alih rentas platform. 3) Rangka kerja elektron membolehkan JavaScript membina aplikasi desktop. 4) Node.js membolehkan JavaScript berjalan di sisi pelayan dan menyokong permintaan serentak yang tinggi.

See all articles