Monday, February 17, 2020

JsStacks and MicroTasks, Can you guess the order of the prints?

~/Downloads/text.hmtl.html 
<!DOCTYPE html>
<html>
<body>
<button id="myBtn">Try it</button>
<script>
button=document.getElementById("myBtn")
button.addEventListener("click", function(){
   Promise.resolve().then(()=>console.log('Microtask 1'));
   console.log('1');
});
button.addEventListener("click", function(){
 Promise.resolve().then(()=>console.log('Microtask 2'));
   console.log('2');
});
//button.click(); //not the same as click from the user... ..JsStacks and MicroTasks
</script>
</body>
</html>
at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)