JavaScript WeakMap — словник, що не тримає ключі в пам'яті

WeakMap — словник із слабкими посиланнями на ключі: якщо на об'єкт-ключ більше ніхто не посилається, збирач сміття прибере і його, і запис у словнику.

правити

Загальний опис

Звичайний Map тримає свої ключі. Поклав туди DOM-елемент — і навіть після видалення елемента зі сторінки він лишиться живим у пам'яті, бо словник на нього посилається. Це класичний витік пам'яті.

WeakMap цього не робить: він не заважає збирачу сміття. Елемент зник зі сторінки — запис зник сам, без жодного delete().

Звідси два застосування: прив'язка даних до DOM-вузлів і приватні дані класу — властивість, до якої немає доступу ззовні, бо ключ (this) знає лише сам клас.

Платою за це є обмеження: ключі тільки об'єкти, перебрати WeakMap не можна, size немає. Це не колекція, а саме прив'язка — і саме тому вона безпечна.

правити

Нотатка

Перебрати WeakMap неможливо за задумом: вміст може зникнути будь-якої миті, тож стабільного списку ключів просто не існує.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

const wm = new WeakMap();

методи

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
WeakMap	36+	6+	8+	23+	12+	11+

Підтримка: мобільні переглядачі

Переглядач
WeakMap	36+	yes	yes	8+

Приклади

+ запропонувати свій приклад у пісочниці

<button>Клацни мене</button>

const data = new WeakMap();

const button = document.querySelector('button');
data.set(button, { clicks: 0 });

button.addEventListener('click', () => {
    const state = data.get(button);
    state.clicks++;
    console.log('Кліків:', state.clicks);
});

// приватні дані класу: ключ (this) знає лише сам клас
const secrets = new WeakMap();

class User {
    constructor(password) {
        secrets.set(this, { password });
    }

    check(input) {
        return secrets.get(this).password === input;
    }
}

const user = new User('таємниця');
console.log(user.check('таємниця')); // true
// видалиш елемент чи об'єкт — запис у WeakMap зникне сам, без витоку