For at demonstrere brugen af callbacks, promises og andre abstrakte koncepter, vil vi bruge nogle browser metoder: specifikt, indlæsning af scripts og udførelse af simple manipulationer af dokumentet.
Hvis du ikke er fortrolig med disse metoder, og brugen af dem i eksemplerne er forvirrende, kan du med fordel læse et par kapitler fra den næste del af tutorialen.
Vi vil dog forsøge at gøre tingene så simple og klare som muligt. Der vil ikke være noget virkelig komplekst browser-baseret.
Mange funktioner leveret af JavaScript host miljøer tillader dig at planlægge asynkrone handlinger. Med andre ord, handlinger som vi starter nu, men de afsluttes senere.
For eksempel, en sådan funktion er setTimeout funktionen.
Der er andre eksempler på asynkrone handlinger i den virkelige verden, f.eks. indlæsning af scripts og moduler (vi vil dække dem i senere kapitler).
Tag et kig på funktionen loadScript(src), som loader et script med det givne src:
function loadScript(src) {
// opretter et <script> tag og tilføjer det til siden
// dette vil få scriptet med den givne src til at starte indlæsning og køre når det er færdigt
let script = document.createElement('script');
script.src = src;
document.head.append(script);
}Det sætter et dynamisk oprettet