Speichereffiziente Metadaten mit WeakMap

Snippet

Speichereffiziente Metadaten mit WeakMap

WeakMap ermöglicht die Verknüpfung privater Metadaten mit DOM-Knoten, ohne die Garbage Collection zu verhindern. Im Gegensatz zu einer Standard-Map werden die Metadaten automatisch bereinigt, wenn der DOM-Knoten entfernt wird und keine anderen Referenzen existieren, was für die Vermeidung von Lecks in dynamischen UIs entscheidend ist.

snippet.js
javascript
const nodeMetadata = new WeakMap();
 
export function enhancedAction(node, params) {
  nodeMetadata.set(node, { 
    initialWidth: node.offsetWidth, 
    observer: new ResizeObserver(() => handle(node))
  });
 
  return {
    destroy() {
      nodeMetadata.get(node).observer.disconnect();
      nodeMetadata.delete(node);
    }
  };
}

svelte

Erklärung

const nodeMetadata = new WeakMap();

Erstellt eine Weak-Reference-Sammlung, in der Keys (DOM-Knoten) von der Garbage Collection erfasst werden können.

nodeMetadata.set(node, { ... });

Speichert komplexe Objekte, die mit dem Knoten verknüpft sind, ohne das Knoten-Objekt selbst direkt zu verändern.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Experten →

Verwandt

Aus deiner Bibliothek