美文网首页
javascript执行机制

javascript执行机制

作者: 我有丶一个大西瓜 | 来源:发表于2019-05-05 17:06 被阅读0次

javascript是一门单线程语言,javascript版的"多线程"都是用单线程模拟出来的

既然js是单线程,那就像只有一个窗口的银行,客户需要排队一个一个办理业务,同理js任务也要一个一个顺序执行。如果一个任务耗时过长,那么后一个任务也必须等着。那么问题来了,假如我们想浏览新闻,但是新闻包含的超清图片加载很慢,难道我们的网页要一直卡着直到图片完全显示出来?因此聪明的程序员将任务分为两类:

同步和异步

当js判断主线程为空之后读取event queue将回调函数置入主线程执行如此循环(Event Loop)
  • 任务又被分为macrotask(宏任务)microtask(微任务)

    test
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')
    })
})

相关文章

  • Javascript执行机制(setTimeout/Promis

    遇到的一道关于javascript执行机制的面试题 Javascript执行机制(setTimeout/Promi...

  • 前端基础

    这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如...

  • JavaScript文章

    这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如...

  • 2020-02-16 javascript的执行机制

    javascript的执行机制 执行顺序探讨 关于javascript javascript是一门单线程语言,在最...

  • 10分钟理解JavaScript引擎的执行机制

    深入理解JavaScript引擎的执行机制

  • JavaScript 执行机制

    全局环境:JavaScript代码运行起来会首先进入该环境 函数环境:当函数被调用执行时,会进入当前函数中执行代码...

  • JavaScript 执行机制

    Reference 这一次,彻底弄懂 JavaScript 执行机制 Summery JavaScript 单线程...

  • JavaScript执行机制

    原文 博客原文 大纲 1、场景分析2、执行机制相关知识点3、以实例来说明JavaScript的执行机制4、相关概念...

  • JavaScript 执行机制

    五个线程 js引擎线程: 执行js代码GUI线程: 绘制用户界面http网络请求线程: 处理网络请求, 等请求返回...

  • javascript执行机制

    javascript是一门单线程语言,javascript版的"多线程"都是用单线程模拟出来的 既然js是单线程,...

网友评论

      本文标题:javascript执行机制

      本文链接:https://www.haomeiwen.com/subject/ksaggqtx.html