1、调用栈(call stack) 2、消息队列(message queue) 3、微任务队列(microtask queue)
其实,在 JavaScript 中,代码的执行顺序并不是完全按照它们的书写顺序,而是取决于它们在 **事件循环** 中的顺序。 2. **什么是事件循环?...一个遵循 ECMAScript 标准的代理(浏览器或 JS 引擎)也必须遵循事件循环机制。 事件循环是由一个或以上的 **任务队列** 组成的。 3. **什么是任务队列?...to=https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FAPI%2FWindow%2FsetImmediate)(Node.js 环境...每次事件循环都会有一个初始为空的微任务队列。...测试题 看到这里,JavaScript 的事件循环机制差不多就解释完了,涉及到了同步任务、异步任务、宏任务和微任务以及它们之间的关系。
,同步任务一般会直接进入到主线程中执行;而异步任务,就是异步执行的任务,比如ajax网络请求,setTimeout 定时函数等都属于异步任务,异步任务会通过任务队列( Event Queue )的机制来进行协调...上述过程的不断重复就是我们说的 Event Loop (事件循环)。...宏任务与微任务 从任务层面,在JS引擎中,我们可以按性质把任务分为两类,macrotask(宏任务)和 microtask(微任务)。...microtask主要包含:Promise.then、MutaionObserver、process.nextTick(Node.js 环境) 它们的执行顺序如下: 在事件循环中,每进行一次循环操作称为...microtask queue中的所有任务取出,按顺序全部执行; 然后再从macrotask queue(宏任务队列)中取下一个,执行完毕后,再次将microtask queue(微任务队列)中的全部取出; 循环往复
个人博客了解一下:obkoro1.com ---- 为什么js是单线程? js作为主要运行在浏览器的脚本语言,js主要用途之一是操作DOM。...') } console.log('c事件执行完') } a(); b(); c(); // 当a、b、c函数都执行完成之后,三个setTimeout才会依次执行 ---- js 异步执行的运行机制...环境) 微任务(microtask): Promise、 MutaionObserver、process.nextTick(Node.js环境) Event Loop(事件循环): Event Loop...忍者秘籍 ---- 结语 类似上文的面试题还有很多,实则都大同小异,只要掌握了事件循环的机制,这些问题都会变得很简单。 文章如有不正确的地方欢迎各位路过的大佬鞭策!...以上2018.6.16 参考资料: 详解JavaScript中的Event Loop(事件循环)机制 JavaScript中的事件循环 Event Loop JavaScript 运行机制详解:再谈Event
打印5行5列星星 效果图 📷 代码 // 打印出5行5列的星星 for(i = 1 ; i <= 5 ; i ++ ) { ...
---- 这是我参与8月更文挑战的第26天,活动详情查看:8月更文挑战 1. for循环最常用 const arr=[1,33,444,6,7]; for (let i=0;i<arr.length;...} }) console.log(objArr); // [{name: "wxw", age: 22},{name: "wxw2", age: 88}] (3)引用类型 -> 改变整个单次循环的...以“0x”或“0X”开头 按16进制 此参数小于 2 或者大于 36,则 parseInt() 将返回NaN 四、for in 方法 for in 是es5标准,此方法遍历数组效率低,主要用来循环遍历对象的属性...(i); // aaa bbb console.log(arr[i]); // 12 233 } 4. for in 方法 for in 是es5标准,此方法遍历数组效率低,主要用来循环遍历对象的属性
理解eventloop 因为js是单线程,所以有一套固定的执行顺序,也就是eventloop。 eventloop分为同步任务和异步任务。同步任务执行完才会执行异步任务。...eventloop过程简述:js从第一个宏任务(script标签)开始执行,会先把同步代码都执行完,中途遇到微任务先加入微队列,宏任务加入宏队列。等同步代码清完,先清空微队列。...循环往复 (宏1 → 宏1同步 → 所有微 → 宏2 → 宏2同步 → 所有微 → 宏3同步···) 举个栗子 1 2 //script标签属于宏任务,会开启第一个宏任务 3 4console.log
因为事件循环(event loop)。...Table会将这个函数移入Event Queue中 主线程内的任务执行完毕为空,会去Event Queue读取对应的函数,进入主线程执行 上述的过程会不断的重复,也就是常常说的Event Loop(事件循环...参考&后话 juejin.im/post/5bac87… juejin.im/post/5b498d… juejin.im/post/5bee24… 文章首发javascript事件循环机制
作为一门浏览器脚本语言,它的主要用途就是操作DOM和与用户交互设计,如果说js是多线程的话,那么它在操作DOM的时候,一个线程对DOM进行了新增操作,另一个线程对DOM进行了删除操作,那么这个时候js的处理将会变得十分复杂...1.3-事件循环 主线程从"任务队列"中读取事件,这个过程是循环不断的,所以整个的这种运行机制又称为Event Loop(事件循环)。...宏队列:dom事件回调、ajax回调、定时器回调 微队列:promise回调、mutation回调 因此JS执行时首先必须执行所有的初始化同步任务代码,执行完以后,每次准备取出第一个宏任务执行之前,都要将所有的微任务一个一个取出来执行
循环链表的概念循环链表是一种链表的变体,其中链表中的最后一个节点指向链表的头节点,形成一个循环或环状结构。与普通链表不同,循环链表没有明确的结束点。...循环链表具有以下几个特点:循环性:循环链表是通过将最后一个节点指向头节点来形成循环的闭合结构。这意味着链表中没有明确的结束点,可以从任何节点开始遍历整个链表,直到回到原始出发节点。...灵活性:由于循环链表是循环的,因此可以在任意位置插入或删除节点,而无需修改其他节点的指针。这使得循环链表在某些场景下更加灵活和高效,例如实现循环列表、轮播图等。...场景应用:循环链表常用于需要循环遍历的场景。例如,在游戏开发中,可以使用循环链表来实现循环列表,遍历玩家角色队列;在轮播图或循环播放的场景中,可以使用循环链表来管理展示内容的顺序。...实现一个循环列表在 JavaScript 中,循环链表是一种特殊的链表结构,其中最后一个节点指向头节点,形成一个循环。这种数据结构可以用于处理需要连续循环遍历的场景。
首先,我们来解释下事件循环是个什么东西: 就我们所知,浏览器的js是单线程的,也就是说,在同一时刻,最多也只有一个代码段在执行,可是浏览器又能很好的处理异步请求,那么到底是为什么呢?...我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack...从上图我们可以看出,js主线程它是有一个执行栈的,所有的js代码都会在执行栈里运行。...原因:因为一开始js主线程中跑的任务就是macrotask任务,而根据事件循环的流程,一次事件循环只会执行一个macrotask任务,因此,执行完主线程的代码后,它就去从microtask队列里取队首任务来执行..., 以及借鉴了其他优秀文章 参考: http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack
事件循环机制 在事件循环中,每进行一次循环操作称为 tick,每一次 tick 的任务处理是比较复杂的。...执行过程中如果遇到微任务,就将它添加到微任务的任务队列中 宏任务执行完毕后,立即执行当前微任务队列中的所有微任务(依次执行) 当前宏任务执行完毕,开始检查渲染,然后 GUI 线程接管渲染 渲染完毕后,JS
for循环和forEach循环中中断和继续循环有些不一样的要注意 const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++)...,因此如果需要跳出循环,请使用for或for..of。...如何跳出for双重循环 但是当我们使用了多层for循环的时候,使用continue和break就无法跳出外层的循环了,所以我们需要使用一些技巧,来跳出外层循环。...3、当循环语句写在函数中时直接用return语句终止双重循环 var array = [1,2,3,4,5]; var func = function() { for (let i = 0; i...如何跳出forEach循环 首先需要注意的是在forEach中不能使用continue和break,否则会报如下错误 添加描述 1、使用retun结束当前循环 2、使用数组的some()函数或every
假设我们使用这样一个for循环: const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++) { console.log(...+) { console.log(`${i} ${list[i]}`) if (list[i] === 'b') { break } } 你也可以使用break来跳出for…of…循环...for (const value of list) { console.log(value) if (value === 'b') { break } } 注意:无法中断forEach循环...,因此如果需要跳出循环,请使用for或for..of。
: 主线程:也就是 js 引擎执行的线程,这个线程只有一个,页面渲染、函数处理都在这个主线程上执行。...同步任务,顾名思义,就是立即执行的任务,同步任务一般会直接进入到主线程中执行;而异步任务,就是异步执行的任务,比如ajax网络请求,setTimeout 定时函数等都属于异步任务,异步任务会通过任务队列的机制...(先进先出的机制)来进行协调。...上述过程的不断重复就是我们说的 Event Loop (事件循环)。...在事件循环中,每进行一次循环操作称为tick,通过阅读规范可知,每一次 tick 的任务处理模型是比较复杂的,其关键的步骤可以总结如下: 在此次 tick 中选择最先进入队列的任务( oldest task
如果不断的改变物体的颜色,那么就需要不断的绘制新的场景,所以我们最好的方式,是让画面执行一个循环,不断的调用render来重绘,这个循环就是渲染循环,在游戏中,也叫游戏循环。...为了实现循环,我们需要javascript的一个特殊函数,这个函数是requestAnimationFrame。...于是,我们的游戏循环会这样写。
JS 里的一种任务分类方式分为: 同步任务和异步任务 虽然 JS 是单线程的,但是浏览器的内核却是多线程的,在浏览器的内核中不同的异步操作由不同的浏览器内核模块调度执行,异步任务操作会将相关回调添加到任务队列中...处理的方式都不同 这些异步操作是由浏览器内核来执行的,浏览器内核上包含 3 种 webAPI,分别是 DOM Binding(DOM绑定)、network(网络请求)、timer(定时器)模块 按照这种分类方式:JS...的执行机制是 首先判断 js 代码是同步还是异步,不停的检查调用栈中是否有任务需要执行,如果没有,就检查任务队列,从中弹出一个任务,放入栈中,如此往复循环,要是同步就进入主进程,异步就进入事件表 异步任务在事件表中注册函数...,当满足触发条件后,被推入事件队列 同步任务进入主线程后一直执行,直到主线程空闲时,才会去事件队列中查看是否有可执行的异步任务,如果有就推入主进程中 以上三步循环执行,这就是事件循环(event loop...),它是连接任务队列和控制调用栈的 ---- 在面试当中事件循环机制问得也比较多,如果您有疑问,欢迎评论下方留言,一起学习探讨
无论是主线程执行时添加的异步任务,还是 UI 交互触发后添加的异步任务,事件循环机制都会按一定规则循环读取并且执行。 那么该循环机制如何运行呢?...进入第二次循环 读取宏任务队列,发现没有宏任务。JS 执行栈开始摸鱼......而此次存好的宏任务又会按照相同的方式在下一次循环中进行。因为事件循环机制一次循环只读取执行一个宏任务。...并且只有当微任务队列为空时,事件循环机制才会进行到下一轮并读取新的宏任务。...参考链接 阮一峰的网络日志 JavaScript 运行机制详解:再谈Event Loop 知乎作者:tigerHee js中的宏任务与微任务 博客园作者:daisy,gogogo JavaScipt
JS中的Event Loop 众所周知 JS 是⻔⾮阻塞单线程语⾔,因为在最初 JS 就是为了和浏览器交 互⽽诞⽣的。...如果 JS 是⻔多线程的语⾔话,我们在多个线程中处理 DOM 就可能会发⽣问题(⼀个线程中新加节点,另⼀个线程中删除节点) JS 在执⾏的过程中会产⽣执⾏环境,这些执⾏环境会被顺序的加⼊到执⾏栈中。...⼀旦执⾏栈为空, Event Loop 就会从 Task 队列中拿出需要执⾏的代码并放⼊执⾏栈中执⾏,所以本 质上来说 JS 中的异步还是同步⾏为。
(obj3)); console.log(isLoop(obj4)); console.log(isLoop(obj5)); console.log(isLoop(obj6)); 这里我看了JONS-js...if(typeof obj[key] === 'object') { if(wm.has(obj[key])) { // 如果循环引用了
领取专属 10元无门槛券
手把手带您无忧上云