异步函数 - 等待不等待承诺

Question

我正在尝试学习异步等待。在这段代码中 -

const myFun = () => {
    let state = false;

    setTimeout(() => {state = true}, 2000);

    return new Promise((resolve, reject) => {
        setTimeout(() => {
            if(state) {
                resolve('State is true');
            } else {
                reject('State is false');
            }
        }, 3000);
    });
}

const getResult = async () => {
    return await myFun();
}

console.log(getResult());

为什么我的输出是 -

Promise { <pending> }

而不是一些价值？ getResult() 函数不应该等待 myFun() 函数解析它的承诺值吗？

Answer 1

这是我使用带有 resolve 和 reject 的 Promise 处理 await 和 async 的例程机制

    // step 1 create a promise inside a function
    function longwork()
    {
        p =  new Promise(function (resolve, reject) {
            result = 1111111111111 // long work here ; 

            if(result == "good"){
                resolve(result);
            }
            else
            {
                reject("error ...etc")
            } 
        })

        return p
    }

    // step 2 call that function inside an async function (I call it main)and use await before it
    async function main()
    {
         final_result = await longwork();
         //..

    }  

    //step 3 call the async function that calls the long work function
    main().catch((error)=>{console.log(error);})

希望能为某人节省宝贵的时间

Answer 2

你需要明白的是，async/await 不会让你的代码同步运行，而是让你把它写成这样：

简而言之：前面有 async 的函数实际上是异步执行的，因此有关键字“async”。并且“await”关键字将使在此异步函数中使用它的那行在其执行期间等待承诺。因此，虽然线路等待，但整个函数仍然异步运行，除非该函数的调用者也“等待”...

更详细的解释：当你把 async 放在一个函数前面时，实际上是让它返回一个带有该函数返回的任何内容的 Promise。该函数异步运行，当执行 return 语句时，promise 会解析返回值。

意思，在你的代码中：

const getResult = async () => {
    return await myFun();
}

函数“getResult()”将返回一个 Promise，一旦它完成执行就会解决。因此 getResult() 函数内的行是异步运行的，除非您告诉调用 getResult() 的函数也为它“等待”。在 getResult() 函数中，您可能会说它必须等待结果，这使得 getResult() 的执行等待它解决 promise，但 getResult() 的调用者不会等待，除非您也告诉调用者“等待” '。

所以一个解决方案是调用：

getResult().then(result=>{console.log(result)})

或者在另一个函数中使用时，你可以简单地再次使用'await'

async callingFunction(){
    console.log(await(getResult());
}

Answer 3

如果您使用的是 async/await，则所有调用都必须使用 Promises 或 async/await。您不能只是神奇地从同步调用中获得异步结果。

您的最终电话需要是：

getResult().then(response => console.log(response));

或者类似的东西：

(async () => console.log(await getResult()))()