如何在 JavaScript 中将异步函数转换为返回一个 Promise？

在本文中，我们将学习如何在 JavaScript 中将异步函数转换为返回 Promise。

方法：您需要首先声明一个简单函数（普通函数或箭头函数（首选））。您需要创建一个异步函数，然后您需要将 promise 作为该异步函数的输出返回。

我们需要创建一个函数（方法），可以是简单函数，也可以是箭头函数（我们正在使用箭头函数分析事实）。创建一个异步函数，然后在调用该函数时，我们应该以 promise 的形式返回输出。

让我们首先了解如何在 JavaScript 中声明一个简单的箭头函数，并在控制台中返回与该函数关联的结果。

例子：

Javascript

 let name = () =>{
      console.log("GeeksforGeeks");
  }
  name();

输出：

GeeksforGeeks

方法：

• 我们将添加async ()以及最终处理各种异步操作和事件的函数语法。
• 添加async关键字后，我们将存储结果。
• 存储结果后，我们将调用该函数并看到返回的 Promise 包含状态（已完成）和关联的值。

示例 1：

Javascript

 
 let name = async () => {
    return "GeeksforGeeks";
  };
  console.log(name());

输出：

Promise {: "GeeksforGeeks"}
__proto__: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: "GeeksforGeeks"

示例 2：您还可以添加await关键字并将结果存储在某个变量中。当我们从 API 获取数据以等待数据正确到达时，这很有帮助。

Javascript

  let name = async () => {
    let output = await ( "GeeksforGeeks");
      return output;
  };
  console.log(name());

输出：

Promise {: "GeeksforGeeks"}
__proto__: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: "GeeksforGeeks"

示例 3：为了查看结果，我们将使用then()方法打印结果。

Javascript

 
 let name = async () => {
    return "GeeksforGeeks";
  };
  name().then((value) => {
    console.log(value);
  });

输出：

GeeksforGeeks

方法二：

• 我们将使用 Promise 的resolve()状态。
• 我们将存储我们的结果，然后使用async关键字（以及函数语法）和 await（在将结果存储到变量之前）。

示例 1：

Javascript

  let name = async() =>{
      let output = await Promise.resolve("GeeksforGeeks");
      return output;
  }
  console.log(name());

输出：

Promise {: "GeeksforGeeks"}
__proto__: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: "GeeksforGeeks"

示例 2：如果您还希望看到结果，则按照前面方法中的说明，您将使用then()方法，借助该方法，您将在控制台中看到结果。

Javascript

let name = async() =>{
    let output = await Promise.resolve("GeeksforGeeks");
    return output;
}
name().then((result)=>{
    console.log(result);
});

输出：

GeeksforGeeks