search
HomeWeb Front-endJS TutorialDo script code blocks belong to macro tasks? How does it have to do with macro tasks?

Do script code blocks belong to macro tasks? How does it have to do with macro tasks?

Detailed explanation of the relationship between JavaScript script code block execution mechanism and macro tasks

It is crucial to understand the execution mechanism of script code blocks in JavaScript and their relationship with macro tasks. This article will explore in-depth whether script code blocks belong to macro tasks and explain their execution order.

script code blocks are not macro tasks

Many materials classify script code blocks as macro tasks, but this is not entirely accurate. The execution of script code blocks is synchronous, which is different from the asynchronous execution mechanism of macro tasks. Let's understand it with an example:

 console.log('script1');
Promise.resolve().then(() => { console.log('promise1'); });
console.log('script2');

If script code block is a macro task, the expected output order should be:

 <code>script1 promise1 script2</code>

However, the actual output order is:

 <code>script1 script2 promise1</code>

This is because the browser encounters the HTML when parsing

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.