Używanie elementu jako klucza do skrótu w języku JavaScript

Question

Chcę utworzyć skrót z elementami DOM jako kluczami. Ilustruje to następujący kod:

var hash = {}; 
var set = function(element, value) { hash[element] = value; }; 
var get = function(element)  { return hash[element]; }; 

set(document.getElementById('foo'), 'bar'); 
get(document.getElementById('foo')); // returns 'bar' 

Skąd mogę mieć pewność, że mapy hash unikalnej wartości dla każdego Element?
Pamiętaj, że nie mogę użyć nieprzetworzonego ciągu ID jako klucza, ponieważ można przekazać dowolny dowolny kod Element, również bez identyfikatora.

Answer 1

W języku JavaScript do wersji ES 6 tylko klucze mogą być używane jako klucz. Jeśli chcesz użyć elementów DOM, użyj dwóch połączonych list lub obiektu WeakMap. Bonusem tej ostatniej metody jest to, że nie powoduje ona wycieków pamięci.

zastosowana do przykładu:

var hash = new WeakMap(); 
hash.set(document.getElementById('foo'), 'bar'); 
hash.get(document.getElementById('foo')); // returns 'bar' 

As pisania, WeakMap jest obsługiwana tylko przez następujących przeglądarek:

• Firefox 6
• Chrome 19 (domyślnie wyłączone, patrz instructions to enable)
• Opera 15 (domyślnie wyłączona, uruchom Operę z --js-flags=--harmony, aby ją włączyć).
• Internet Explorer 11 (confirmed to exist in leaked build)

We wszystkich pozostałych przeglądarek, wsparcie WeakMap można osiągnąć poprzez załadowanie WeakMap.js PolyFill.