Почему в WeakMap key и value не удаляются, когда выводишь всю коллекцию, но удаляются, когда при выводе одного эл-та?

Question

[Ivanushka255]

1. Пример с "обнулением" value:
Почему в этом случае элемент все равно продолжает существовать в коллекции WeakMap?

let weakMap = new WeakMap();
let obj = {name: 'Ivan'};
//добавление нового элемента
weakMap.set({}, obj);
obj = null;
console.log(weakMap);
console.log(weakMap.get({}));

2. Пример с "обнулением" key:

let weakMap = new WeakMap();
let obj = {name: 'Ivan'};
//добавление нового элемента
weakMap.set(obj, 255);
obj = null;
console.log(weakMap);
console.log(weakMap.get(obj));

От чего это возникает? Сборщик мусора не успевает очистить все или как?

Answer 1

[Александр]

1. В WeakMap Вы положили ссылку на объект obj по литералу объекта. После того, как Вы заменили значение в obj, оно будет существовать в WeakMap, т.к. объект, по которому было записано значение не был удален или перезаписан. Ну и получить значение по новому литералу объекта не выйдет, т.к. они не равны между собой (ссылаются на различные участки памяти).
2. GC работает не мгновенно, с некоторой периодичностью. Можете его вызвать в Chrome DevTools: Ctrl+Shift+P -> Collect garbage.

Comments

[Lynn «Кофеман»]

1. Не получается утечка. Т.к. ключ более недоступен, то GC в какой-то момент очистит weakmap.

[Александр]

Lynn «Кофеман», Действительно, надо было сразу проверить при помощи DevTools.

[Ivanushka255]

Я понял так:

1. При работе со всей коллекцией JS выводит всю коллекцию данных полностью. Причина такого поведения в том, что сборщик мусора не успевает очистить удаленные элементы, значения и т.д.
   
2. Но когда JS работает с отдельным свойством, происходит поиск этого свойства, проверка существует ли оно. И если например, браузер видит, что ссылки на этот объект нет, сборщик мусора сразу удаляет то, что нужно.
   

То есть во втором случае удаленный элемент не выводится, потому что сразу же есть проверка. В первом случае все зависит только от алгоритма очистки (когда алгоритм дойдет до удаления ненужных свойств), я правильно понимаю?

P.S. Хотя, я вот сейчас проверил. Даже если сначала вызвать один удаленный элемент, а потом вывести всю коллекцию - все равно там остается это "удаленное" свойство. Тут наверное дело больше в том, что JS, а может вообще сам браузер по-разному работают с одним свойством, и со всей коллекцией в weak-коллекциях. Есть некоторые баги)

[Lynn «Кофеман»]

Ivanushka255,
это вам console.log в браузерной консоли показывает, потому что для дебага может быть полезно увидеть что же там есть в weakmap. Из кода на JS этого получить нельзя не имея ключа.

Answer 2

[GrayHorse]

Первый пример некорректный, как уже написали. (Но рабочий.)

{name: 'Ivan'}

И что это еще за объект такой?

Вот это я понимаю объект new Uint8Array(100_000_000). Весомый.

Поспамь в консоль:

let weakMap = new WeakMap();
let obj = {a: new Uint8Array(100_000_000)};
weakMap.set({}, obj);

А теперь попробуй вместо WeakMap Map.

А для наглядности можно еще один нолик добавить: new Uint8Array(1_000_000_000).

Тестировать, например, тут: https://vueuse.org/core/usememory/#demo
Так так тут счетчик памяти наглядно показывает удаление объектов.

И, кстати, перезапись переменной let weakMap = new Map(); не поможет при таком спаме в консоль, т.к. если объект выведен в косколь, он так и будет висеть в памяти, пока консоль не будет очищена (console.clear()), либо страница перезагружена.

Второй пример корректный. Жать сюда:

К слову, аналогичный класс из Java — WeakHashMap.