Verouderde closures voorkomen

Een closure legt variabelen uit zijn omsluitende bereik vast. De waarden die de closure ziet, zijn de waarden op het moment dat de closure wordt gemaakt.

Als je een functie maakt die een variabele vastlegt, zijn latere wijzigingen aan die variabele mogelijk niet zichtbaar binnen de functie.

Reactieve variabelen worden bijgewerkt wanneer je er een waarde aan toewijst. Een vastgelegde momentopname wordt NIET automatisch bijgewerkt.

Een interval dat in onMount wordt gestart, kan de oorspronkelijke tellerwaarde loggen in plaats van de huidige waarde.

Gebruik een functie die bij elke tik de meest recente waarde opnieuw leest.

Lees met get(store) uit een store om altijd de meest recente waarde te krijgen.

Start het interval opnieuw met een reactieve instructie wanneer de afhankelijkheden ervan veranderen, zodat nieuwe waarden worden vastgelegd.

Als je intervallen niet wist, lekken er gegevens tussen renderingen. Combineer elke setInterval met clearInterval.

Lange await-bewerkingen binnen een functie leggen de toestand op het moment van await vast. Wijzigingen tussen await-bewerkingen worden niet gezien.

De strikte modus en regels van de linter kunnen mogelijk verouderde closures signaleren.

Schrijf tests die de toestand bijwerken en daarna vastgelegde callbacks activeren om verouderde waarden zichtbaar te maken.

Closures leggen verwijzingen vast; geef in callbacks met een lange levensduur de voorkeur aan stores of hulpfuncties die waarden opnieuw lezen om verouderde waarden te voorkomen.