JavaScript执行机制

最新推荐文章于 2025-09-13 11:59:05 发布

转载最新推荐文章于 2025-09-13 11:59:05 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/musi03/p/10253715.html

文章标签：

#javascript #ViewUI

本文深入探讨JavaScript的单线程特性及其对任务执行的影响，解释了同步与异步任务的区别，以及EventLoop机制如何确保异步任务的正确执行。通过具体代码示例，展示了不同类型的异步操作在执行顺序上的表现。

js单线程

单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。

于是，所有任务可以分成两种：同步任务（synchronous）异步任务（asynchronous）

同步任务指的是：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。

异步任务指的是：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。(主线程会监听任务队列)

Event Loop概念：主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制称为Event Loop（事件循环）

console.log('1');

setTimeout(function() {
    console.log('2');
    process.nextTick(function() {
        console.log('3');
    })
    new Promise(function(resolve) {
        console.log('4');
        resolve();
    }).then(function() {
        console.log('5')
    })
})
process.nextTick(function() {
    console.log('6');
})
new Promise(function(resolve) {
    console.log('7');
    resolve();
}).then(function() {
    console.log('8')
})

setTimeout(function() {
    console.log('9');
    process.nextTick(function() {
        console.log('10');
    })
    new Promise(function(resolve) {
        console.log('11');
        resolve();
    }).then(function() {
        console.log('12')
    })
})