Почему в таймауте при обращении к LocalStorage берется старое значение?

Question

[KoRNeT46RuS]

Есть 2 функции.
1-я
каждые 3 секунды заносит в LocalStorage unixtime метку. (в одну и ту же ячейку). Работает в первой вкладке

2-я
выполняется рекурсивно с через таймаут длиной в 1мин. считывает напрямую у LocalStorage ячейку с меткой. При этом сравнивает значение текущей метки(переданное при рекурсивном вызове функции) и метки в локальном хранилище. Работает во второй вкладке браузера

Открываю 2 вкладки. Через F12 видно как меняется значение в ячейке локального хранилища. При этом в консоле выводим лог 2 значения, которые сравниваются.

Магия в том, что периодически (могут не сразу, может вообще не получиться) почему то 2 значения, которые сравнивают совпадают. Не могу понять почему

Comments

[Сергей Сергей]

типа, должны микросекунды различаться?

[Алексей Ярков]

А нафига читать по таймауту? Почему обработчик не повесить?

[KoRNeT46RuS]

Сергей Сергей, да. а они в какой то момент совпадают, хотя браузер во вкладке application в инструментах показывает что различаются

[dollar]

Алексей Ярков, у localStorage есть события? О_О

[dollar]

Про вторую функцию совсем не ясно, что она делает. Ведь "значение текущей метки" и "метка в локальном хранилище" - это одно и то же. А если вы метку где-то ещё сохраняете или откуда-то берете, то об этом стоит написать, хотя проще просто код привести (он же небольшой?).

[KoRNeT46RuS]

let time = $localStorage[CONFIG.localStorage.time];
                let timeout;
                
                const checkStorage = (_oldTime, _countMilliSeconds = (CONFIG.timeoutSeconds.getInfo * 30)) => {
                    $timeout.cancel(timeout);
                    timeout = $timeout(() => {
                        console.log(_oldTime, $localStorage[CONFIG.localStorage.time]);
                        if (_oldTime == $localStorage[CONFIG.localStorage.time]) {
                            $localStorage[CONFIG.localStorage.time] = Math.round(new Date().getTime());
                            $localStorage.$apply();
                            getInfo();
                        } else {
                            checkStorage($localStorage[CONFIG.localStorage.time]);
                        }
                    }, _countMilliSeconds);
                };

              
                if (angular.isDefined(time) && (Math.round(new Date().getTime())-time) <= (CONFIG.timeoutSeconds.getInfo*3)) {
                    checkStorage(time, CONFIG.timeoutSeconds.getInfo*6);
                } else {
                    checkStorage(time, 0);
                }


const getInfo = () => {
                
                    $localStorage[CONFIG.localStorage.time] = Math.round(new Date().getTime());
                    $localStorage.$apply();

                    $timeout(() => {
                        
                                getInfo();

                    }, CONFIG.timeoutSeconds.getInfo);
            };

[Алексей Ярков]

dollar,

у localStorage есть события? О_О

https://developer.mozilla.org/en-US/docs/Web/API/W...

[Alex Step]

Вопрос по коду - что вообще такое этот $localStorage чем он отличается от window.localStorage ?

checkStorage($localStorage[CONFIG.localStorage.time]);

не объект ли по ссылке вы передаете?
попробуйте

time = 1*$localStorage[CONFIG.localStorage.time]
checkStorage( time );

Answer 1

[Алексей Ярков]

Рекомендую не городить огород, а воспользоваться подпиской на событие изменения хранилища
https://developer.mozilla.org/en-US/docs/Web/API/W...

Comments

[dollar]

Оно вроде не работает для localStorage

[Алексей Ярков]

dollar, отлично работает

[dollar]

Ах, точно, речь же про разные вкладки.