JavaScript任务执行笔记

2023-10-04 06:40:13

JavaScript 由于设计上的单线程性，它的执行与其它主流语言存在很大不同，对它不了解的话，很容易出现莫名其妙的错误。JavaScript 中的一切都是由事件驱动的，包括编程范式，因此掌握 JavaScript 的执行流程非常重要。Node.js 虽然与 JavaScript 一脉相承，但它已经脱胎换骨，其任务执行流程与此前已经有了很大不同，本文将带你了解 JavaScript 和 Node.js 中的任务执行流程，掌握这些知识之后，将为你的 JavaScript 之旅打下坚实的基础。

JavaScript 中的任务执行流程

JavaScript 的执行流程主要分为以下几个部分：

1. 同步任务

同步任务是指在主线程上执行的任务，它会阻塞后面的任务执行，直到它执行完毕。比如，以下代码就是同步任务：

console.log('Hello, world!');

这段代码会在控制台中输出 "Hello, world!"，然后才会执行后面的代码。

2. 异步任务

异步任务是指不在主线程上执行的任务，它不会阻塞后面的任务执行。比如，以下代码就是异步任务：

setTimeout(function() {
  console.log('Hello, world!');
}, 1000);

这段代码会在 1 秒后在控制台中输出 "Hello, world!"，但它不会阻塞后面的代码执行。

3. 事件循环

事件循环是指 JavaScript 引擎用来处理事件的一种机制。事件循环会不断地从事件队列中取出事件并执行它们。如果事件队列中没有事件，事件循环就会阻塞，直到有新的事件加入队列。

4. 事件队列

事件队列是一个存储事件的队列。当发生一个事件时，这个事件就会被加入事件队列。事件循环会不断地从事件队列中取出事件并执行它们。

5. 任务队列

任务队列是一个存储任务的队列。当一个任务被创建时，这个任务就会被加入任务队列。事件循环会不断地从任务队列中取出任务并执行它们。

6. 执行栈

执行栈是一个存储函数调用信息的栈。当一个函数被调用时，这个函数的调用信息就会被压入执行栈。当函数执行完毕时，这个函数的调用信息就会被弹出执行栈。

Node.js 中的任务执行流程

Node.js 的任务执行流程与 JavaScript 的任务执行流程类似，但也有以下几点不同：

1. Node.js 中有多个线程

Node.js 中有多个线程，其中一个线程是主线程，其他的线程是工作线程。主线程负责处理事件循环，工作线程负责执行任务。

2. Node.js 中的任务队列与事件队列分开

Node.js 中的任务队列与事件队列分开。任务队列存储的是需要在主线程上执行的任务，事件队列存储的是需要在工作线程上执行的任务。

3. Node.js 中的事件循环与 JavaScript 的事件循环不同

Node.js 中的事件循环与 JavaScript 的事件循环不同。Node.js 的事件循环会先处理事件队列中的事件，然后处理任务队列中的任务。

总结

JavaScript 和 Node.js 的任务执行流程都是基于事件循环的。事件循环会不断地从事件队列中取出事件并执行它们。如果事件队列中没有事件，事件循环就会阻塞，直到有新的事件加入队列。任务队列存储的是需要在主线程上执行的任务，事件队列存储的是需要在工作线程上执行的任务。Node.js 的任务执行流程与 JavaScript 的任务执行流程类似，但也有以下几点不同：