如何在Promise链式调用的最后一个.then块中获取orderId和payment？

这个问题我之前也碰到过，核心问题是你的Promise链式调用里，每个.then只传递了单个值给下一个环节，更早的变量（比如orderId）只在它所在的.then作用域里有效，后面的环节自然访问不到。另外你的catch位置也有点小问题，可能会导致错误处理逻辑不符合预期，咱们一步步来解决：

先分析你现有代码的问题 #

1. 变量作用域限制：第一个.then返回orderId，下一个.then用它调用ProceedtoPayment后返回payment，所以再往后的.then只能拿到payment，orderId的作用域只停留在第一个.then里，后续环节根本看不到它。
2. 错误链的问题：第一个catch捕获创建订单的错误后，因为没有返回或抛出新的错误，链式调用会继续执行，导致ProceedtoPayment接收undefined，触发支付环节的错误，这大概率不是你想要的逻辑——如果创建订单失败，应该直接终止整个流程，而不是走到支付环节。

解决方案 #

方案一：在链式调用中传递「包含所有需要值的对象」 #

每次.then返回一个包含当前结果+之前需要保留的值的对象，这样后面的.then就能通过解构拿到所有变量。修改你的链式调用部分：

creatOrder(cart)
.then((orderId) => {
    console.log(orderId, "OrderId verified.Please move on to the payment");
    // 返回包含orderId的对象，把这个值传递下去
    return { orderId };
})
.catch((err) => {
    console.log(err.message);
    // 出错后抛出错误，终止后续链式调用
    throw err;
})
.then(({ orderId }) => {
    // 调用支付接口后，把orderId和payment一起打包返回
    return ProceedtoPayment(orderId).then(payment => ({ orderId, payment }));
})
.then(({ orderId, payment }) => {
    console.log(`Payment of ${payment} has been received`);
    // 继续把两个值都传递到下一个环节
    return { orderId, payment };
})
.catch((err) => {
    console.log(err);
    throw err;
})
.then(({ orderId, payment }) => {
    // 这里就能同时拿到orderId和payment了，更新钱包后把所有值都传递下去
    return UpdateWalletBalance(payment).then(remaningBalance => ({
        orderId,
        payment,
        remaningBalance
    }));
})
.then(({ orderId, payment, remaningBalance }) => {
    console.log(`your remaining money is ${remaningBalance}`);
    // 最后一个环节直接访问所有需要的变量
    console.log(`最终订单ID：${orderId}，本次支付金额：${payment}`);
})
.catch((err) => {
    console.log(err);
});

方案二：使用async/await（更简洁直观） #

如果你的运行环境支持ES2017+，用async/await写会清晰很多——所有变量都在同一个函数作用域里，直接就能访问，不用纠结链式传递的问题：

async function processFullOrder() {
    try {
        // 按顺序执行异步操作，变量直接存在当前作用域
        const orderId = await creatOrder(cart);
        console.log(orderId, "OrderId verified.Please move on to the payment");
        
        const payment = await ProceedtoPayment(orderId);
        console.log(`Payment of ${payment} has been received`);
        
        const remaningBalance = await UpdateWalletBalance(payment);
        console.log(`your remaining money is ${remaningBalance}`);
        
        // 最后直接用orderId和payment，完全没有作用域问题
        console.log(`交易完成：订单ID ${orderId}，支付金额 ${payment}`);
    } catch (err) {
        // 统一处理所有环节的错误，不用分散写多个catch
        console.log(err.message || err);
    }
}

// 启动流程
processFullOrder();

小提醒 #

• 用链式调用时，一定要明确每个.then传递的是下一个环节需要的所有数据，而不是单个值；
• catch里如果想终止后续链式调用，记得要throw err，否则catch会默认返回undefined，链式调用会继续执行，可能导致后续函数接收到错误的参数。

备注：内容来源于stack exchange，提问作者Grimmj0w