Node.js 调用栈

Node.js 是异步非阻塞I/O的。如何解释 Node.js 即是单线程又是异步且非阻塞I/O的,需要理解 Node.js 的调用栈。
在写代码的过程中,你需要注意要避免写同步的会阻塞线程的代码,例如同步的网络请求或者无限循环。
通常,每个浏览器的一个标签页(browser tab)有一个事件轮询(event loop),这样可以保持每个线程独立,避免一个网页陷入无限循环或者有很多进程的时候影响整个浏览器。浏览器环境保持多份执行中的事件轮询,Web Workers 同样有一份独立的事件轮询。而开发者只需要关注如何在单线程中写代码,并且避免阻塞线程。
JS线程一旦被阻塞,UI线程就会不响应,例如用户点击页面无反应,滚动页面无反应;
I/O在Node.js中是非阻塞的,例如网络请求、文件系统操作。所以这也是为什么 JavaScript 存在大量的回调函数(callback)和promiseasync/await的原因。
调用栈遵循 LIFO 原则,即 Last In, First Out(后进先出)。
事件循环(event loop)连续不断地查看调用栈(call stack)是否有需要执行的函数,在执行此操作时,它会将找到的任何函数调用添加到调用堆栈中,并按顺寻执行每个函数调用。
一个简单的事件循环解释:

const baz = () => console.log('baz');
const foo = () => {
  console.log('foo');
  bar();
  baz();
}
foo();

当执行上述代码,首先被调用的是 foo();在foo()中,我们再调用bar(),然后我们调用baz();此时调用栈如下:

call-stack-first-example.png

每次迭代中的事件循环都会查看调用堆栈中是否有内容,并执行它;

execution-order-first-example.png

直至调用栈为空。
上面的例子看起来很平常,JS查找需要执行的函数,并且按顺序执行他们。接下来我们看一下如何在栈清空的时候定义一个函数。
使用setTimeout(() => {}, 0)定义一个函数,但是需要在其他函数都执行结束之后进行执行。

  const bar = () => console.log('bar');
  const baz = () => console.log('baz');

  const foo = () => {
     console.log('foo');
     setTimeout(bar, 0);
     baz();
  }
  foo();

上述代码执行后输出:

foo
baz 
bar

此时调用栈看起来像这样:

call-stack-second-example.png

在程序中的执行顺序如下:
execution-order-second-example.png

setTimeout() 被调用的时候,浏览器和 Node.js 开始计时。一旦时间到期(在这个例子中会立即执行,因为我们设置时间为0),这个回调函数会被放入消息队列(Message Queue)。

消息队列也是用户启动的事件(如单击或键盘事件或获取网络数据)在代码有机会对其做出反应之前排队的地方。也可以是诸如onload之类的DOM事件。
事件循环优先执行调用栈中的任务,如果没有任务可执行,然后去消息队列中查找任务。

ES6任务队列
ECMAScript 2015 引入任务队列的概念,任务队列使用Promises。这是一种尽可能快的执行异步函数的方法,而不是把函数放在消息队列里面等待执行。

类似于游乐园的过山车:消息队列(message queue)将你放在队列的后面,在所有其他人的后面,你将不得不等待轮到你,而任务队列(job queue)是快速通行证,让你在完成前一次后立即乘坐另一次。
示例:

const bar = () => console.log('bar');
const baz = () => console.log('baz');
const foo = () => {
  console.log('foo');
  setTimeout(bar, 0);
  new Promise((resolve, reject) => 
      resolve('should  be right after baz, before bar')
  ).then(resolve => console.log(resolve))
  baz();
}
foo();

Promises(或者 async/awaitasync/await 本质也是 Promises 实现的)和setTimeout()以及其他由平台API提供的实现异步的函数之间有很大差异。
上述代码的调用栈看起来像这样:

call-stack-third-example.png

理解process.nextTick()
当我们将一个回调函数传递给 process.nextTick() ,这意味着我们告诉JS引擎,在当前事件循环(event loop)结束时,并在下个事件循环开始前执行这个回调函数。

当一个事件循环结束,JS引擎会执行所有传递给 nextTick 的回调函数。通过这种方式,我们可以告诉JS引擎异步执行任务,但越快越好。

setImmediate()setTimeout(() => {}, 0)process.nextTick() 的区别:

  • 传递给 process.nextTick()的回调函数,将在当前 event loop 的操作结束后,在当前迭代中完成。这意味着,process.nextTick()总是在setTimeoutsetImmediate之前执行;
  • setTimeout(() => {}, 0)setImmediate(() =>{})非常相似。它们的执行顺序依赖于多种因素,但是它们都是在下个事件循环(event loop)中执行。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,175评论 5 466
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,674评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,151评论 0 328
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,597评论 1 269
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,505评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,969评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,455评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,118评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,227评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,213评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,214评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,928评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,512评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,616评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,848评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,228评论 2 344
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,772评论 2 339

推荐阅读更多精彩内容