在介绍宏任务和微任务之前,先抛出一个问题.相信大家在面试的时候,会遇到这样的相似的问题: setTimeout(function(){undefined console.log('1') }); new Promise(function(resolve){undefined console.log('2'); resolve(); }).then(function(){undefined console.log('3') }); console.log('4'); 请说出控制台打印的数据,很多小…

灵魂三问 JS为什么是单线程的 我们都知道,JS是单线程的语言,那为什么呢?我的理解是JS设计之初就是为了在浏览器端完成DOM操作和一些简单交互的,既然涉及到DOM操作如果是多线程就会带来复杂的同步问题,比较极端的例子就是两个线程可能一个在删除某个DOM节点一个却在修改这个DOM节点,这是浏览器以哪个线程为准呢? 为什么需要异步 如果没有异步,单线程的JS从上到下执行遇到一段代码需要执行比较久时就会阻塞页面的渲染,造成页面假死,这显然是一种很差的用户体验 单线程又是如何实现异步的呢 单线程之所以…

本文原链接:https://cloud.tencent.com/developer/article/1106531 https://cloud.tencent.com/developer/article/1372207 JavaScript是单线程 执行栈.任务队列 同步任务.异步任务.宏任务.微任务 setTimeout().setInterval() Promise process.nextTick setImmediate 优先级 代码解析 参考资料 先看段代码: console.log(…

我时常在思考关于JS的很多知识在工作中有什么用?是否只能存在于面试这种理论性的东西中,对于我们的业务和工作,它们又能扮演怎样的角色.以后在JS档案揭秘的每一期里,都会加入我对于业务的思考,让这些知识不再是空中楼阁,而是有实际操作的意义. 业务场景 所有的核心在于执行顺序,它能帮助我们正确判断代码按照怎样的顺序去执行.避免因为执行顺序与预期不一致而导致的bug.如果遇到这种因为执行顺序问题而产生的bug,也能通过event loop分析出正确的执行顺序,定位bug并解决. 关键词解释 执行栈:一个…

当我们执行 JS 代码的时候其实就是往执行栈中放入函数,那么遇到异步代码的时候该怎么办?其实当遇到异步的代码时,会被挂起并在需要执行的时候加入到 Task(有多种 Task) 队列中.一旦执行栈为空,Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行,所以本质上来说 JS 中的异步还是同步行为. 不同的任务源会被分配到不同的 Task 队列中,任务源可以分为 微任务(microtask) 和 宏任务(macrotask).在 ES6 规范中,microtask 称…

(本文从掘金小册整理) 首先介绍一下几个概念 进程与线程 相信大家经常会听到 JS 是单线程执行的,但是你是否疑惑过什么是线程? 讲到线程,那么肯定也得说一下进程.本质上来说,两个名词都是 CPU 工作时间片的一个描述. 进程描述了 CPU 在运行指令及加载和保存上下文所需的时间,放在应用上来说就代表了一个程序.线程是进程中的更小单位,描述了执行一段指令所需的时间. 把这些概念拿到浏览器中来说,当你打开一个 Tab 页时,其实就是创建了一个进程,一个进程中可以有多个线程,比如渲染线程.JS 引擎…

我们之前谈过浏览器的Event Loop:https://www.cnblogs.com/amiezhang/p/11349450.html 简单来说,就是每执行一个宏任务,就去执行微任务队列,直到清空,再执行下个宏任务. 那么NodeJs的Event Loop是怎么样的呢? NodeJS的Event Loop NodeJs的Event Loop其实也分了宏任务和微任务 不同的是,不是每执行一个宏任务就回去清空一次微任务队列,可能是连着执行好几个才去清空一次微任务队列. 例子: setTimeo…

Event Loop 是什么? 本文写于 2020 年 12 月 6 日 广义上来说 Event Loop 并不是 JavaScript 独有的概念,他是一个计算机的通用概念. 狭义上来说,只有 Node.js 才有 Event Loop,浏览器并没有. 一个场景引发的困惑 为什么需要 Event Loop 呢?先看一个常见的场景,如果我们同时执行了三种不同的异步事件: setTimeout(foo, 100); fs.readFile('./README.md', bar); server.o…

说事件循环(event loop)之前先要搞清楚几个问题. 1. js为什么是单线程的? 试想一下,如果js不是单线程的,同时有两个方法作用dom,一个删除,一个修改,那么这时候浏览器该听谁的?   2.js为什么需要异步? 如果js不是异步的话,由于js代码本身是自上而下执行的,那么如果上一行代码需要执行很久,下面的代码就会被阻塞,对用户来说,就是”卡死”,这样的话,会造成很差的用户体验.   3.js是如何实现异步的? 既然js是单线程的,那么js是如何实现异步的呢,是通过事件循环(even…

为什么JavaScript是单线程? JavaScript的一大特点就是单线程, 同一时间只能做一件事情,主要和它的用途有关, JavaScript主要是控制和用户的交互以及操作DOM.注定它是单线程. 假如是多个线程, 一个移除DOM节点,一个新增DOM节点,浏览器以谁的为准呢? 什么是执执行栈呢? 函数的调用就会形成一个栈帧.当执行栈都为空的时候,主线程就会处于空闲状态. function fn2(x, y) { return x + y } function fn1(z) { let a…