cari
Rumahhujung hadapan webtutorial jsMenguasai WeakMap dan WeakSet dalam JavaScript: Pengurusan Memori yang Cekap

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();

Menambah Entri pada WeakMap

Anda menambah entri menggunakan kaedah set():

const weakMap = new WeakMap();

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'

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

Menambah Entri pada WeakSet

Anda menambah entri menggunakan kaedah add():

const weakMap = new WeakMap();

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'

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
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
Python vs JavaScript: Bahasa mana yang harus anda pelajari?Python vs JavaScript: Bahasa mana yang harus anda pelajari?May 03, 2025 am 12:10 AM

Memilih Python atau JavaScript harus berdasarkan perkembangan kerjaya, keluk pembelajaran dan ekosistem: 1) Pembangunan Kerjaya: Python sesuai untuk sains data dan pembangunan back-end, sementara JavaScript sesuai untuk pembangunan depan dan penuh. 2) Kurva Pembelajaran: Sintaks Python adalah ringkas dan sesuai untuk pemula; Sintaks JavaScript adalah fleksibel. 3) Ekosistem: Python mempunyai perpustakaan pengkomputeran saintifik yang kaya, dan JavaScript mempunyai rangka kerja front-end yang kuat.

Rangka Kerja JavaScript: Menguasai Pembangunan Web ModenRangka Kerja JavaScript: Menguasai Pembangunan Web ModenMay 02, 2025 am 12:04 AM

Kuasa rangka kerja JavaScript terletak pada pembangunan yang memudahkan, meningkatkan pengalaman pengguna dan prestasi aplikasi. Apabila memilih rangka kerja, pertimbangkan: 1.

Hubungan antara JavaScript, C, dan penyemak imbasHubungan antara JavaScript, C, dan penyemak imbasMay 01, 2025 am 12:06 AM

Pengenalan Saya tahu anda mungkin merasa pelik, apa sebenarnya yang perlu dilakukan oleh JavaScript, C dan penyemak imbas? Mereka seolah -olah tidak berkaitan, tetapi sebenarnya, mereka memainkan peranan yang sangat penting dalam pembangunan web moden. Hari ini kita akan membincangkan hubungan rapat antara ketiga -tiga ini. Melalui artikel ini, anda akan mempelajari bagaimana JavaScript berjalan dalam penyemak imbas, peranan C dalam enjin pelayar, dan bagaimana mereka bekerjasama untuk memacu rendering dan interaksi laman web. Kita semua tahu hubungan antara JavaScript dan penyemak imbas. JavaScript adalah bahasa utama pembangunan front-end. Ia berjalan secara langsung di penyemak imbas, menjadikan laman web jelas dan menarik. Adakah anda pernah tertanya -tanya mengapa Javascr

Aliran node.js dengan typescriptAliran node.js dengan typescriptApr 30, 2025 am 08:22 AM

Node.js cemerlang pada I/O yang cekap, sebahagian besarnya terima kasih kepada aliran. Aliran memproses data secara berperingkat, mengelakkan beban memori-ideal untuk fail besar, tugas rangkaian, dan aplikasi masa nyata. Menggabungkan sungai dengan keselamatan jenis typescript mencipta powe

Python vs JavaScript: Pertimbangan Prestasi dan KecekapanPython vs JavaScript: Pertimbangan Prestasi dan KecekapanApr 30, 2025 am 12:08 AM

Perbezaan prestasi dan kecekapan antara Python dan JavaScript terutamanya dicerminkan dalam: 1) sebagai bahasa yang ditafsirkan, Python berjalan perlahan tetapi mempunyai kecekapan pembangunan yang tinggi dan sesuai untuk pembangunan prototaip pesat; 2) JavaScript adalah terhad kepada benang tunggal dalam penyemak imbas, tetapi I/O multi-threading dan asynchronous boleh digunakan untuk meningkatkan prestasi dalam node.js, dan kedua-duanya mempunyai kelebihan dalam projek sebenar.

Asal JavaScript: Meneroka Bahasa PelaksanaannyaAsal JavaScript: Meneroka Bahasa PelaksanaannyaApr 29, 2025 am 12:51 AM

JavaScript berasal pada tahun 1995 dan dicipta oleh Brandon Ike, dan menyedari bahasa itu menjadi C. 1.C Language menyediakan keupayaan pengaturcaraan prestasi tinggi dan sistem untuk JavaScript. 2. Pengurusan memori JavaScript dan pengoptimuman prestasi bergantung pada bahasa C. 3. Ciri lintas platform bahasa C membantu JavaScript berjalan dengan cekap pada sistem operasi yang berbeza.

Di sebalik tabir: Apa bahasa JavaScript?Di sebalik tabir: Apa bahasa JavaScript?Apr 28, 2025 am 12:01 AM

JavaScript berjalan dalam penyemak imbas dan persekitaran Node.js dan bergantung pada enjin JavaScript untuk menghuraikan dan melaksanakan kod. 1) menjana pokok sintaks abstrak (AST) di peringkat parsing; 2) menukar AST ke bytecode atau kod mesin dalam peringkat penyusunan; 3) Laksanakan kod yang disusun dalam peringkat pelaksanaan.

Masa Depan Python dan JavaScript: Trend dan RamalanMasa Depan Python dan JavaScript: Trend dan RamalanApr 27, 2025 am 12:21 AM

Trend masa depan Python dan JavaScript termasuk: 1. Kedua -duanya akan terus mengembangkan senario aplikasi dalam bidang masing -masing dan membuat lebih banyak penemuan dalam prestasi.

See all articles

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!

Alat panas

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

mPDF

mPDF

mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular