美文网首页
JavaScript中事件循环机制

JavaScript中事件循环机制

作者: __马帅傅__ | 来源:发表于2017-09-16 14:48 被阅读0次

事件循环机制:

       在执行上下文的过程中,对函数的入栈和出栈。执行前函数入栈,执行后函数出栈。如若遇到了一些异步操作像回调函数以及AJAX,setTimeOut等,会先将他们交给浏览器的其他模块去执行,执行完后,会把回调函数放入队列中。

console.log(1);

setTimeout(function() {console.log(2); },0 );

console.log(3);

// 输出结果是1  3  2

1. 执行第一句,放入call stack中,输出 1

2. 第一句出栈,执行第二句,由于是异步执行,交给其他模块。

3. 执行完后,将回调函数放入task queue中。

4.执行下一句,同第一步一样,将语句入栈并执行,输出3。

5. 语句出栈,此时call stack空了。开始执行task queue任务,输出2。

相关文章

  • 详解JavaScript中的Event Loop(事件循环)机制

    详解JavaScript中的Event Loop(事件循环)机制 前言 我们都知道,javascript从诞生之日...

  • JavaScript中事件循环机制

    事件循环机制: 在执行上下文的过程中,对函数的入栈和出栈。执行前函数入栈,执行后函数出栈。如若遇到了一些异步...

  • JavaScript-事件循环

    参考JavaScript运行机制之事件循环(Event Loop)详解 从setTimeout说事件循环模型 单...

  • iOS RunLoop由浅入深

    Event Loop Event Loop事件循环机制,如javascript的事件循环,以及依赖其的nodejs...

  • 任务队列,事件循环 宏任务 微任务

    javascript执行机制是基于事件循环的并发式的,事件循环负责处理代码,收集和处理事件以及执行队列中的子任务 ...

  • js任务管理和promise

    任务管理 JavaScript是单线程。JavaScript在处理异步操作时,利用的是事件循环机制。 主线程中的任...

  • Javascript事件循环机制

    通过学习JavaScript,我们都知道它是一门单线程语言,也就是说,在同一时刻,最多也只有一个代码段在执行,但一...

  • JavaScript 事件循环机制

    前端开发的童鞋应该都知道,JavaScript 是一门单线程的脚本语言。这就意味着 JavaScript 代码在执...

  • JavaScript事件循环机制

    js是单线程的,该线程中有唯一一个事件循环,任务队列可以有多个 JavaScript代码的执行过程中,除了依靠函数...

  • javascript事件循环机制

    javascript是一门单线程的非阻塞的脚本语言。单线程意味着javascript在执行代码的任何时候,都只有一...

网友评论

      本文标题:JavaScript中事件循环机制

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