在前端开发中，我们经常需要使用数据结构来处理数据，其中栈是一种非常常见的数据结构。栈是一种后进先出（LIFO）的数据结构，类似于一叠盘子，最后放入的盘子最先被取出。
在传统的 JavaScript 中，我们可以使用数组来模拟栈的行为。但是，在异步编程中，由于 JavaScript 是单线程的，我们需要使用回调函数或者 Promise 来处理异步操作，这就导致了使用数组模拟栈的方式变得不可行。
在 ES2019 中，引入了异步生成器和异步迭代器的概念，这使得我们可以使用异步的方式来实现栈。接下来，我们将介绍如何使用 ES2019 实现异步的栈。
实现异步的栈
我们可以使用两个异步生成器函数来实现异步的栈。
异步生成器函数
首先，我们需要定义一个异步生成器函数。异步生成器函数是一种可以异步生成值的函数，它的语法类似于普通生成器函数，但是在函数名前面加上 async 关键字。
async function* asyncGenerator() {
// 异步生成器函数的代码
}在异步生成器函数中，我们可以使用 yield 关键字来异步生成值。yield 关键字会暂停函数的执行，并返回一个 Promise 对象，当 Promise 对象被 resolve 时，函数会继续执行。
async function* asyncGenerator() {
const value = await someAsyncOperation();
yield value;
}异步栈类
接下来，我们需要定义一个异步栈类。异步栈类包含两个异步生成器函数：push 和 pop。
-- -------------------- ---- -------
----- ---------- -
----- ------------ -
-- ---- -----
-
----- ------ -
-- --- -----
-
-在 push 方法中，我们可以使用 yield 关键字来异步添加值到栈中。在 pop 方法中，我们可以使用 yield 关键字来异步从栈中取出值。
-- -------------------- ---- -------
----- ---------- -
------------- -
---------- - ---
-
----- ------------ -
-----------------------
-
----- ------ -
----- ----- - -----------------
-- ------ --- ---------- -
----- ------
-
-
-在 pop 方法中，我们需要判断栈是否为空。如果栈为空，我们不应该返回任何值。因此，我们使用 if 语句来判断栈中是否有值。
使用异步栈
使用异步栈非常简单。我们可以先创建一个异步栈对象，然后使用 push 方法来添加值，使用 pop 方法来取出值。
-- -------------------- ---- -------
----- ----- - --- -------------
----- -------- ------ -
----- --------------
----- --------------
----- --------------
--- ----- ------ ----- -- ------------ -
-------------------
-
-
------- -- -- - - -在上面的示例中，我们先使用 push 方法将值 1、2 和 3 添加到栈中。然后，我们使用 for await...of 循环来异步迭代栈中的值。当栈为空时，循环会自动结束。
总结
使用 ES2019 实现异步的栈非常方便，只需要定义一个异步栈类，并使用异步生成器函数来实现 push 和 pop 方法。异步栈类可以非常方便地处理异步操作，是我们在前端开发中的一种非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65556cbcd2f5e1655df90e61