Использование элемента в качестве ключа для хеша в JavaScript

Question

Я хочу создать хэш с элементами DOM в качестве ключей. Это иллюстрируется следующим кодом:

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' 

Как я могу гарантировать, что хэш-карты уникальное значение для каждого Element?
Обратите внимание, что я не могу использовать строку raw ID как ключ, потому что может быть передано любое произвольное Element, в том числе без id.

Answer 1

В JavaScript до ES 6 в качестве ключа могут использоваться только строки. Если вы хотите использовать элементы DOM, используйте либо два связанных списка, либо объект WeakMap. Бонус последнего метода заключается в том, что он не вызывает утечки памяти.

Применительно к вашему примеру:

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

Как письма, WeakMap только поддерживается следующими браузерами:

• Firefox 6
• Chrome 19 (по умолчанию отключено, см instructions to enable)
• Opera 15 (отключено по умолчанию, запустите Opera с --js-flags=--harmony, чтобы включить его).
• Internet Explorer 11 (confirmed to exist in leaked build)

Во всех других браузерах, поддержка WeakMap может быть достигнуто путем загрузки WeakMap.js polyfill.