协程实现原理_javascript并发编程-js教程-PHP中文网

协程实现原理_javascript并发编程

紅蓮之龍

发布： 2025-11-28 10:34:02

原创

963人浏览过

JavaScript通过生成器、async/await和事件循环模拟协程行为，实现可暂停与恢复的函数执行，提升单线程下的并发处理能力。

协程实现原理_javascript并发编程

协程在JavaScript中并不是像Go或Python那样的原生语言特性，但通过一些机制可以模拟协程行为。理解其背后原理，有助于掌握JavaScript的并发编程模型。

什么是协程

协程（Coroutine）是一种可以暂停执行并在之后恢复的函数。它不同于线程，不依赖操作系统调度，而是由程序自身控制执行流程。协程允许在多个任务之间协作式切换，避免阻塞主线程，提升并发处理能力。

JavaScript是单线程语言，无法真正并行执行多个任务，但通过事件循环和异步机制，可以实现类似协程的非阻塞操作。

生成器函数：协程的模拟实现

JavaScript中的生成器函数（Generator Function）是实现协程的关键工具。使用function*定义，配合yield关键字，可以让函数在执行过程中暂停，并返回一个中间值。

立即学习“Java免费学习笔记（深入）”；

每次调用生成器的next()方法，函数会从上次暂停的位置继续执行，直到遇到下一个yield或函数结束。

示例：

<font face="Courier New,Courier,monospace">function* counter() {
  console.log('Start');
  yield 1;
  console.log('Middle');
  yield 2;
  console.log('End');
  return 3;
}
<p>const gen = counter();
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: true }</font>

登录后复制

这种“暂停-恢复”机制正是协程的核心特征。

async/await：现代协程的语法糖

async/await本质上是基于Promise和生成器的语法封装，提供了更接近传统同步代码的写法，同时保持非阻塞特性。

ShopEx助理

一个类似淘宝助理、ebay助理的客户端程序，用来方便的在本地处理商店数据，并能够在本地商店、网上商店和第三方平台之间实现数据上传下载功能的工具。功能说明如下：1.连接本地商店：您可以使用ShopEx助理连接一个本地安装的商店系统，这样就可以使用助理对本地商店的商品数据进行编辑等操作，并且数据也将存放在本地商店数据库中。默认是选择“本地未安装商店”，本地还未安

查看详情

当一个async函数遇到await时，会暂停执行，将控制权交还事件循环，等待Promise resolve后再恢复。这与协程的挂起和恢复逻辑一致。

例如：

<font face="Courier New,Courier,monospace">async function fetchData() {
  console.log('Fetching...');
  const res = await fetch('/api/data');
  const data = await res.json();
  console.log('Data:', data);
  return data;
}</font>

登录后复制

虽然看起来是同步的，但实际上函数会在await处暂停，不会阻塞主线程。