从没有 .then() 的承诺中提取价值 [重复]

Question

这个问题在这里已经有了答案：

如何从异步调用返回响应（42 个回答）

12 个月前关闭。

我想知道是否有办法获取承诺的返回值并将其直接分配给 .then() 调用之外的变量并使用它？

这是我的实现。

const name = "Jane"
const age = 34

// Promise 1
function getName() {
    return new Promise(function prom(resolve, reject) {
        setTimeout(function () {
            resolve(name) // "Jane"
        }, 5000)
    })
}

// Promise 2
function getAge() {
    return new Promise(function prom(resolve, reject) {
        setTimeout(function () {
            resolve(age) // 34
        }, 1500)
    })
}

// Promise all
function getValue(cb) {
    return Promise.all([
        getName() /* Jane */,
        getAge() /* 34 */
    ])
        .then(cb, cb)
}

综上所述，我尝试这样做：

const x = getValue(x => x)[1] // 34
const sum = x + 1; // 35

任何的想法？ 或者这可能吗？

谢谢！

Answer 1

您可以使用 async/await 以同步方式编写此代码并降低代码的复杂性。 async/await 提供了一种以同步方式编写异步代码的方法，而不是在 promise 上使用 then()，而且也很容易理解。

尝试以下替代代码：

const name = "Jane"
const age = 34

// Promise 1
function getName() {
    return new Promise(function prom(resolve, reject) {
        setTimeout(function () {
            resolve(name) // "Jane"
        }, 5000)
    })
}

// Promise 2
function getAge() {
    return new Promise(function prom(resolve, reject) {
        setTimeout(function () {
            resolve(age) // 34
        }, 1500)
    })
}

// Promise all
async function getValue() { /*To use await, function should start with async keyword*/
    const userName = await getName();  /*Next line will not be executed until response is received here*/
    const userAge = await getAge();
    return Promise.all([
        userName /* Jane */,
        userAge /* 34 */
    ])
}

async function main(){
    const x =(await getValue())[1] // 34
    const sum = x + 1; // 35
    console.log(sum)
}

main()

请参阅 async/await 主题以更好地理解此概念。