(ES6) ES6 (2016)

GarbageCollection (GC02)

   1:  const element = document.getElementById('myElement');
   2:  const handleClick = () => {
   3:      console.log('Element clicked!');
   4:      // element.removeEventListener('click', handleClick) //<-- This must be added to prevent memory leak.
   5:  };
   6:  element.addEventListener('click', handleClick);
   7:  



Memory Leak (Unintentional Reference)

// ... (the element might be removed from the DOM at some point) ...
// Even though the element itself is removed, the reference inside `handleClick` prevents garbage collection





GarbageCollection context:






ES6 context:



Comments ( )
<00>  <01>  <02>  <03>  <04>  <05>  <06>  <07>  <08>  <09>  <10>  <11>  <12>  <13>  <14>  <15>  <16>  <17>  <18>  <19>  <20>  <21>  <22>  <23>  <24>  <25
Link to this page: http://www.vb-net.com/JavascriptES6/GC02.htm
<TAGS>  <ARTICLES>  <FRONT>  <CORE>  <MVC>  <ASP>  <NET>  <DATA>  <TASK>  <XML>  <KIOSK>  <NOTES>  <SQL>  <LINUX>  <MONO>  <FREEWARE>  <DOCS> <TRAVELS> <FLOWERS> <RESUME> < THANKS ME>