使用 async/await 未解决 Promise

Question

我正在尝试学习 async/await of promise 我已经创建了演示代码

 <html> <head> <script> async function getTested() { alert("line"); let pp = await test1(); alert(pp); //expected to print hello } async function test1 () { alert("line 9"); let promise = await test2(); alert(promise); //expected to print hello return promise; } function test2 () { alert("line 15"); let promise = new Promise.resolve('hello'); alert(promise); return promise; } </script> </head> <body onload="getTested()"></body> </html>

在这里，我使用 async/await 来解决我排除它在 test1 和 getTested 中打印“hello”的承诺。 我在这里做什么错了？

Answer 1

new Promise.resolve <-那里出了点问题。

初始化并返回 Promise 对象。

let promise = new Promise(function(r) {
    r("hello");
});

或者，您可以遵循类似于您想要遵循的方法：

Promise.resolve("hello"); 

 async function getTested() { let pp = await test1(); console.log(pp); //expected to print hello } async function test1() { let promise = await test2(); console.log(promise); //expected to print hello return promise; } function test2() { return Promise.resolve("hello"); } getTested()

Answer 2

你可以使用 Promise.resolve(value)

将您的 test3 函数更改为

function test2 () {
  alert("line 15");
  let promise = Promise.resolve('hello');
  alert(promise);
  return promise;  
}

Answer 3

当您不在Promise.resolve('hello')之前放置new时，它会起作用。

我已经在你的字符串中添加了一些字符串，这样我们就可以看到哪个函数正在输出每个字符串。 这有助于您更清楚地看到事情发生的顺序。

我使用的是console.log而不是alert() ，这样您就可以通过运行下面的代码片段一次查看所有内容：

 <html> <head> <script> async function getTested() { console.log("getTested: line1"); let pp = await test1(); console.log(`getTested pp: ${pp}`); //expected to print hello } async function test1 () { console.log(`test1: line 9`); let promise = await test2(); console.log(`test1: ${promise}`); //expected to print hello return promise; } async function test2 () { console.log("test2: line 15"); let promise = Promise.resolve('hello'); console.log(`test2: ${await promise}`); return promise; } </script> </head> <body onload="getTested()"></body> </html>

Answer 4

去掉 Promise 前面的“new”。

做：

let promise = Promise.resolve('hello');

代替：

let promise = new Promise.resolve('hello');