potrzebuje wytłumaczenia setTimeout() i eskportowanie

Question

Witam

Mam problem ze zrozumieniem pewnego działania funkcji setTimeout() w połączeniu z modułami.

Po zaimportowaniu wyniku z pliku2.js do pliku1.js wynik w konsoli wygląda następująco: [B,C]

natomiast wynik którego oczekiwałem to [B,C,A] (Warto wspomnieć że jest tak gdy nie korzystam z osobnego modułu i wszystko robie w jednym pliku .js).

Czyżby chodziło o to że export z pliku2.js wykonuje się jeszcze przed funkcją setTimeout(), przez co push("A") w ogóle nie zostanie zrealizowany?

import { result } from "./plik2.js";

console.log(result);

export const result = [];
setTimeout(() => {
    result.push('A')
}, 0);
result.push('B')
result.push('C')

 

Comments

setTimeout 0 nie oznacza "natychmiast":

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

value of 0 [...], meaning execute "immediately", or more accurately, the next event cycle

[when] setTimeout was called with a delay of zero, it's placed on a queue and scheduled to run at the next opportunity; not immediately. Currently-executing code must complete before functions on the queue are executed

Answer 1

Czyżby chodziło o to że export z pliku2.js wykonuje się jeszcze przed funkcją setTimeout(), przez co push("A") w ogóle nie zostanie zrealizowany?

Metoda push działa, tylko że console.log wykonujesz synchronicznie, zanim setTimeout asynchronicznie wywoła callback z .push('A'). Jeśli w pliku plik1.js wrzucisz console.log(result); w setTimeout to zobaczysz aktualną tablicę.

---

Napisz szerszej co chcesz osiągnąć, że używasz setTimeout do uzupełniania tablicy.

Comments

Dzięki bardzo za odpowiedź

Przykład jedynie po to aby zrozumieć co dokładnie się dzieje w tej sytuacji, nie zamierzałem wykorzystywać go gdziekolwiek.

---

Skoro jesteś na etapie eksperymentowania z setTimeout, to polecam tę prezentację: https://www.youtube.com/watch?v=8aGhZQkoFbQ

---

Szczególnie od tego momentu
https://youtu.be/8aGhZQkoFbQ?t=895