JavaScript’te WeakMap’ler: Zay\u0131f Referansl\u0131 Nesne Haritalar\u0131<\/p>\n
Merhaba, ben Fatih Soysal. Bu yaz\u0131da, JavaScript’in g\u00fc\u00e7l\u00fc bir veri yap\u0131s\u0131 olan WeakMap’leri detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6zellikle, g\u00fc\u00e7l\u00fc haritalardan (Maps) nas\u0131l farkl\u0131la\u015ft\u0131\u011f\u0131n\u0131, ne zaman kullan\u0131lmas\u0131 gerekti\u011fini ve kullan\u0131m \u00f6rneklerini inceleyece\u011fiz. \u00d6ncelikle, WeakMap’lerin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlamakla ba\u015flayal\u0131m. <\/p>\n
JavaScript’teki WeakMap, nesneleri de\u011ferleriyle e\u015fle\u015ftiren \u00f6zel bir haritad\u0131r. Ancak, standart bir Map’ten \u00f6nemli bir farkla ayr\u0131l\u0131r: WeakMap’ler, zay\u0131f referanslar<\/strong> kullan\u0131r. Bu, WeakMap’te tutulan anahtar nesnelerin (anahtarlar yaln\u0131zca nesne olabilir, ilkel tipler olamaz) \u00e7\u00f6p toplama mekanizmas\u0131 taraf\u0131ndan otomatik olarak temizlenebilece\u011fi anlam\u0131na gelir. Ba\u015fka hi\u00e7bir referans yoksa, WeakMap’in anahtar nesnesi \u00e7\u00f6p toplama taraf\u0131ndan silinir ve WeakMap’teki kar\u015f\u0131l\u0131k gelen de\u011fer de art\u0131k eri\u015filemez hale gelir. Bu \u00f6zellik, bellek s\u0131z\u0131nt\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in \u00e7ok de\u011ferlidir.<\/p>\n Peki, bu nas\u0131l bir avantaj sa\u011flar? \u015eunu d\u00fc\u015f\u00fcn\u00fcn: B\u00fcy\u00fck bir say\u0131da nesneye ait verileri saklamak i\u00e7in bir Map kullan\u0131yorsunuz. E\u011fer bu nesnelere ba\u015fka hi\u00e7bir yerden referans yoksa bile, Map’in bu nesneleri bellekte tutmaya devam etmesi, bellekte gereksiz bir y\u00fck olu\u015fturur ve sonunda bellek s\u0131z\u0131nt\u0131s\u0131na yol a\u00e7abilir. WeakMap ise, bu t\u00fcr bir durumu \u00f6nleyerek, bellek y\u00f6netimini kolayla\u015ft\u0131r\u0131r. Bu nedenle, WeakMap’ler \u00f6zellikle b\u00fcy\u00fck miktarda veri i\u015fleyen uygulamalarda \u00e7ok faydal\u0131d\u0131r. \u00d6rne\u011fin, DOM elementleri ile ilgili \u00f6zel verileri saklamak i\u00e7in m\u00fckemmel bir \u00e7\u00f6z\u00fcm olabilir. <\/p>\n Temel fark\u0131 a\u00e7\u0131klad\u0131k, ancak daha net bir kar\u015f\u0131la\u015ft\u0131rma yapal\u0131m. Map, anahtar-de\u011fer \u00e7iftlerini saklar ve anahtarlar silinene kadar bellekte kal\u0131r. Bu, bellekte kal\u0131c\u0131l\u0131k gerekti\u011finde Map’in ideal bir se\u00e7im oldu\u011fu anlam\u0131na gelir. \u00d6te yandan, WeakMap, anahtarlar\u0131 zay\u0131f referansla tuttu\u011fu i\u00e7in, anahtarlar \u00e7\u00f6p topland\u0131\u011f\u0131nda otomatik olarak silinir. Bu y\u00fczden, ge\u00e7ici veya referans say\u0131s\u0131 dinamik olarak de\u011fi\u015fen veriler i\u00e7in WeakMap daha uygun bir tercih olur.<\/p>\n Ayr\u0131ca, WeakMap’lerde size \u00f6zelli\u011fi bulunmaz. Bunun sebebi, anahtarlar\u0131n ne zaman \u00e7\u00f6p toplanaca\u011f\u0131n\u0131n belirsiz olmas\u0131d\u0131r. Dolay\u0131s\u0131yla, boyutunu anl\u0131k olarak kontrol edemezsiniz. Bu \u00f6zellik, baz\u0131 durumlarda s\u0131n\u0131rlama olarak g\u00f6r\u00fclebilir; ancak, bellek y\u00f6netimi a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck bir avantajd\u0131r. <\/p>\n WeakMap’lerin en yayg\u0131n kullan\u0131m alanlar\u0131ndan biri, DOM elementleriyle ili\u015fkilendirilmi\u015f \u00f6zel verileri saklamakt\u0131r. \u00d6rne\u011fin, her bir DOM eleman\u0131na \u00f6zel bir veri k\u00fcmesi atamak isteyebilirsiniz. Bu verileri do\u011frudan DOM elementinin \u00fczerine eklemek yerine, bir WeakMap kullanarak elementleri anahtar, verileri de\u011fer olarak e\u015fle\u015ftirebilirsiniz. Bu, DOM’dan elementler kald\u0131r\u0131ld\u0131\u011f\u0131nda bu ek verilerin de otomatik olarak silinmesini sa\u011flar ve bellek s\u0131z\u0131nt\u0131lar\u0131n\u0131 \u00f6nler.<\/p>\n Bir di\u011fer kullan\u0131m alan\u0131 ise, \u00f6zel nesnelerin durumlar\u0131n\u0131 veya meta verilerini saklamakt\u0131r. \u00d6rne\u011fin, bir oyun geli\u015ftiriyorsan\u0131z, her bir oyun nesnesinin durumu i\u00e7in bir WeakMap kullanabilirsiniz. Nesne oyun alan\u0131ndan kald\u0131r\u0131ld\u0131\u011f\u0131nda, WeakMap’teki durumu da otomatik olarak temizlenir. Bu da oyun performans\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. <\/p>\n WeakMap’ler, JavaScript’te bellek y\u00f6netimini optimize etmek i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. \u00d6zellikle b\u00fcy\u00fck miktarda veriyle \u00e7al\u0131\u015fan uygulamalarda, DOM elemanlar\u0131yla ili\u015fkili verileri y\u00f6netmek veya nesnelerin durumlar\u0131n\u0131 saklamak i\u00e7in idealdir. Ancak, size \u00f6zelli\u011finin olmamas\u0131 gibi baz\u0131 s\u0131n\u0131rlamalar\u0131 da g\u00f6z \u00f6n\u00fcnde bulundurulmal\u0131d\u0131r. Do\u011fru kullan\u0131ld\u0131\u011f\u0131nda, WeakMap’ler performans ve bellek y\u00f6netimi a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck avantajlar sa\u011flar. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz. Ayr\u0131ca, konuyla ilgili daha detayl\u0131 bilgi edinmek i\u00e7in MDN Web Docs<\/a> sayfas\u0131na g\u00f6z atabilirsiniz.<\/p>\n Umar\u0131m bu makale size WeakMap’ler hakk\u0131nda daha fazla bilgi vermi\u015ftir. Herhangi bir sorunuz varsa, l\u00fctfen bana ula\u015fmaktan \u00e7ekinmeyin! <\/p>\n #WeakMap #JavaScript #BellekY\u00f6netimi #Programlama #WebGeli\u015ftirme #Map #Zay\u0131fReferans #\u00c7\u00f6pToplama #FatihSoysal #Performans #JavascriptK\u00fct\u00fcphaneleri<\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te WeakMap’ler: Zay\u0131f Referansl\u0131 Nesne Haritalar\u0131 Merhaba, ben Fatih Soysal. Bu yaz\u0131da, JavaScript’in g\u00fc\u00e7l\u00fc bir veri yap\u0131s\u0131 olan…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-7575","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nWeakMap ve Map Aras\u0131ndaki Farklar<\/h2>\n
WeakMap Kullan\u0131m \u00d6rnekleri<\/h2>\n
\nconst elementData = new WeakMap();\n\nconst myElement = document.getElementById('myElement');\nelementData.set(myElement, { name: 'Fatih', age: 30 });\n\nconsole.log(elementData.get(myElement)); \/\/ { name: 'Fatih', age: 30 }\n\nmyElement.remove(); \/\/ Element DOM'dan kald\u0131r\u0131ld\u0131\u011f\u0131nda, WeakMap kendili\u011finden temizlenir.\n<\/code><\/pre>\nSonu\u00e7<\/h2>\n
#Etiketler<\/h3>\n