在JavaScript中，Promise是一种常用的异步编程模式，它可以处理并行和串行操作，并且能够有效地降低回调嵌套。但是，有时候我们需要在Promise完成之前等待，这时我们该怎么办呢？本文将介绍几种等待Promise被解决的方法。
1. 使用 async/await
使用async/await是最简单和直接的方式。它基于ES6的Promise和Generator特性。通过在函数前添加async关键字，我们可以在函数内部使用await关键字来等待Promise的解决。
例如，如果我们想要等待一个返回Promise的函数foo()：
----- -------- --------- - ----- ------ - ----- ------ -------------------- -
在上面的代码中，我们使用async定义了waitFoo()函数，并在其内部使用await等待foo()函数返回的Promise。当foo()的Promise被解决时，结果将存储在result变量中。
请注意，在使用async/await时，整个函数都会等待await语句执行完毕之后再继续执行。
2. 使用 .then()
另一种等待Promise被解决的方法是使用.then()方法。.then()方法是Promise对象的原生方法之一，它接收两个参数：一个成功回调函数和一个失败回调函数。在成功回调函数中，我们可以访问Promise的解决值。
例如，如果我们想要等待一个返回Promise的函数foo()：
-------- --------- -
----------------- -- -
--------------------
---
-在上面的代码中，我们使用.then()方法来等待foo()函数返回的Promise。当foo()的Promise被解决时，result变量将存储解决值。
请注意，使用.then()方法时，回调函数不会阻塞JavaScript线程。如果需要顺序执行多个异步操作，请考虑使用async/await或其他控制流技术。
3. 使用 Promise.all()
使用Promise.all()是一种同时等待多个Promise被解决的高效方法。Promise.all()接收一个Promise数组，并返回一个新的Promise对象。这个新的Promise对象只有在所有传入的Promise都被解决后才被解决。
例如，如果我们想要等待两个返回Promise的函数foo()和bar()：
------------------- -------------------- -- - ------------------------ -- -------- ------------------------ -- -------- ---
在上面的代码中，我们使用Promise.all()方法并传递一个包含foo()和bar()的Promise数组。当两个Promise都被解决时，results变量将存储两个Promise的解决值。
请注意，使用Promise.all()时，每个Promise都会立即开始执行。如果其中一个Promise失败，整个Promise.all()将被拒绝。
结论
本文介绍了三种等待Promise被解决的方法：使用async/await、.then()和Promise.all()。每种方法都有其优缺点，具体取决于应用场景。
在实践中，我们可能需要结合这些方法来处理不同的异步操作。例如，我们可以使用async/await等待单个Promise，并在.then()中等待另一个Promise。
----- -------- --------------- -
----- --------- - ----- ------
-----------------------
-------------------- -- -
-----------------------
---
-上述示例代码演示了如何将不同的等待Promise的方法结合起来使用。我们首先使用async/await等待foo()函数返回的Promise并打印结果，然后在.then()中等待bar()函数返回的Promise并打印结果。
无论使用哪种方法，对于任何异步操作，我们都应该始
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28819