


Menguasai WeakMap dan WeakSet dalam JavaScript: Pengurusan Memori yang Cekap
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
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() |
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!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

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

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas











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.

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.

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 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.

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.

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 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.

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.
