Слабые итерируемые ссылки в JavaScript?

Я пытаюсь создать шаблон наблюдатель в JavaScript (он может существовать в стандартной библиотеке, но я хочу реализовать свой собственный).

Мне нужен контейнер слабых ссылок, чтобы убедиться, что слушатели не загружают неиспользуемые функции. Я могу использовать WeakSet для этого, однако WeakSet не может быть повторен, поэтому я не могу использовать for (let l in listeners) и информировать своих слушателей об изменении.

Что я могу сделать, чтобы решить эту проблему? На других языках, таких как Lua, Java, C и т. д., У меня нет проблем с этим.

Я не использую никаких внешних библиотек.

const makeObservable = function(obj, value)
{
    // Must be a container of weak references.
    // But a weakset is not sufficient.
    const listeners = new Set();

    obj.addListener = function(listener)
    {
        listeners.add(listener);
    };

    obj.removeListener = function(listener)
    {
        listeners.remove(listener);
    };

    obj.setValue = function(newVal)
    {
        if (value === newVal) return;
        const oldVal = value;
        value = newVal;
        for (let l of listeners)
        {
            // Notify all listeners of the change.
            l(oldVal, newVal);
        }
    };

    obj.getValue = function()
    {
        return value;
    };

    return obj;
};

const obs1 = makeObservable({ }, 5);
const obs2 = makeObservable({ }, 10);

(function()
{
    const memory = { };
    const lis = function(_, newVal)
    {
        memory.changed = newVal;
    };
    // Whenever either changes, update memory.
    obs1.addListener(lis);
    obs2.addListener(lis);
})();

// 'memory' is out of scope, but still has references pointing to it.
// I have no current way of removing the memory leak until obs1 and obs2 fall out of scope.

Если вы можете повторить его, это не слабая ссылка. Возможно, вы захотите погуглить, используя ключевое слово «javascript cache npm» или что-то в этом роде. WeakMaps - это не то же самое, что кеши, и кеши необходимо будет вручную собирать мусором на основе таких критериев, как LFU или LRU.

Patrick Roberts 21.05.2018 20:06

В других языках есть итерируемые контейнеры слабых ссылок, такие как Lua (x = setmetatable({ }, { __mode = "k" }) или Java WeakHashMap. Кэш LRU, например, не удаляет элементы, когда они выпадают из области видимости, только когда в контейнер добавляется новый элемент. Это только уменьшит утечку памяти. , не избавляйся от них.

Hatefiend 21.05.2018 20:12

JS этого не поддерживает.

Bergi 21.05.2018 20:13

@Hatefiend На других языках есть ... JavaScript - это не другие языки. Берги прав.

Patrick Roberts 21.05.2018 20:15

@PatrickRoberts Bergi Есть ли способ подражать этому?

Hatefiend 21.05.2018 20:16

@Hatefiend no. Любая попытка создать итеративную ссылку приведет к тому, что по определению сделает ее сильной ссылкой в ​​спецификации ECMAScript.

Patrick Roberts 21.05.2018 20:18

@PatrickRoberts, я понимаю. Полагаю, это означает, что для достижения того, что у меня есть, мне нужно быть очень внимательным к removeListener, чтобы предотвратить утечки памяти?

Hatefiend 21.05.2018 20:19

Код пользователя должен отвечать за явный вызов removeListener до того, как ссылка на функцию выпадет из области действия кода пользователя.

Patrick Roberts 21.05.2018 20:21
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
8
143
0

Другие вопросы по теме