在前端开发中，我们经常需要使用异步编程，以确保我们的代码可以处理复杂且耗时的任务。对于这种异步操作，JavaScript 中的 Promise 是一种非常有用的解决方案。Promise 可以使异步代码更加清晰、易于维护，并且可以提供更好的错误处理和反馈。
但是在实际应用中，我们可能会遇到一些需求，即需要在 Promise 完成后返回值给调用者，而不是通过 resolve() 方法将值传递给下一个 then() 函数。为了满足这种需求，我们可以使用一种称为“承诺后返回值”的技术。
什么是“承诺后返回值”
“承诺后返回值”是一种将 Promise 的结果立即返回给调用者的技术。它允许我们在 Promise 完成之前就得到结果，而不必等待所有 then() 链都执行完毕。因此，“承诺后返回值”可以极大地提高程序的响应速度和效率。
实现“承诺后返回值”的方法很简单：我们只需要定义一个中介函数，该函数接受一个 Promise 和一个回调函数作为参数，并在 Promise 完成时将结果传递给回调函数即可。回调函数的返回值将被返回给调用者。
以下是一个简单的示例代码：
-------- ---------------------- --------- -
------------------- -- -
-------------- --------
-------------- -- -
--------------- ------
---
-
--- --------- - --- ----------------- ------- -- -
------------- -- -
--------------- ---------
-- ------
---
------------------------ ------- ------- -- -
-- ------- -
---------------------
- ---- -
-------------------- -- --------- ------
-
---在上面的代码中，我们定义了一个函数 promiseReturn，该函数接受一个 Promise 和一个回调函数作为参数。当 Promise 完成时，它将结果传递给回调函数，并将回调函数返回值返回给调用者。
然后我们创建了一个 Promise myPromise，并使用 promiseReturn 函数来获取其结果。由于我们在 promiseReturn 中定义的回调函数返回了结果，因此我们可以立即得到结果，而不必等待整个 then() 链执行完毕。
如何使用“承诺后返回值”
要使用“承诺后返回值”，我们只需要按照上面的示例代码定义一个中介函数，并将需要处理的 Promise 和回调函数作为参数传递即可。下面是一个更为实际的例子：
-------- ---------------------- -
------ ----------
-------------- -- -
-- -------------- -
----- --- -----------------------
-
------ ----------------
---
-
-------- ------------------- -
--- --- - ------------------------------------------
------ --- ----------------- ------- -- -
----------------------
---------- -- -
--- ---- - ----------
--------------
--
------------ -- -
--------------
---
---
-
--- ------ - ----
--- -------- - -----
-- -----
----------------------------- -- -
-------- - -----
---
-- -------
---------------------------------- ------- ----- -- -
-- ------- -
---------------------
- ---- -
-------- - -----
-
---
-- ----- -----------------------
-- ---在上面的代码中，我们定义了一个名为 getUserName 的函数，该函数接受一个用户 ID，从服务器获取用户信息，并返回该用户的姓名。
然后，我们创建了一个 Promise getUserName(userId)，并使用 promiseReturn 函数立即获取 Promise 的结果。由于 `
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24482