Asynkronitet af begivenhedsmodellen i JavaScript
Du ved, at med metoden addEventListener
kan man abonnere på forskellige begivenheder,
der opstår i sidens elementer. For eksempel,
lad os abonnere på et klik på et bestemt element,
hvis reference er gemt i variablen elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
I den viste kode vil den anden konsoludskrift udføres først. Hornår vil den første udføres? På et tidspunkt: udførelsen af denne kode afventer, at den specificerede begivenhed indtræffer - et klik på elementet. Så snart det sker, vil vores kode blive udført.
Forklar, i hvilken rækkefølge tallene vil blive vist i konsollen:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});