如何让Promise在视图渲染前返回结果？Node异步问题求助

核心问题 #

• wrapper()是异步函数，调用时没加await，所以clients拿到的是Promise对象，不是实际的客户端数据——这就是你打印B时看到Promise而非真实数据的原因。
• 客户端查询和项目查询是两个独立的异步操作，没有做同步等待，谁先执行完谁先输出，导致顺序混乱；而且项目查询的then回调可能在客户端数据返回前就执行，此时clients还是未完成的Promise，渲染页面自然拿不到正确数据。

解决方案 #

把listProjects改成async函数，用await等待异步操作完成；如果两个数据库查询互不依赖，还能通过Promise.all并行执行提升性能。

修改后的代码

// 简化getClients，直接返回数据库查询的Promise即可
async function getClients() {
  return db(client_table);
}

// 将listProjects改为async函数，支持内部使用await
var listProjects = async function(req, res) {
  let clients = null;
  let whereClause = {};

  if (loggedIn) {
    if (isAdmin) {
      // 用await等待异步操作完成，拿到真实的客户端数据
      clients = await getClients();
      console.log('A');
      console.table(clients);
      console.log('B');
      console.table(clients);
    } else {
      whereClause['c.user_id'] = req.session.user_id;
    }

    // 用await替代then，避免嵌套，确保拿到项目数据后再执行后续逻辑
    const rows = await db(project_table)
      .innerJoin(project2client.target, project2client.condition)
      .innerJoin(user2client.target, user2client.condition)
      .where(whereClause);

    console.log('C');
    console.log(clients);

    res.render('project', {
      title: 'List of projects',
      clientList: clients,
      recordset: rows
    });
  } else {
    res.render('project', {
      title: 'List of projects',
      messages: {
        warning: 'Login to see your projects'
      }
    });
  }
};

进阶优化（并行查询）

如果客户端查询和项目查询互不依赖，可以用Promise.all同时发起两个请求，减少总等待时间：

// 管理员场景下的并行查询示例
if (isAdmin) {
  // 同时发起两个异步请求，等待两者都完成后拿到结果
  const [clients, rows] = await Promise.all([
    getClients(),
    db(project_table)
      .innerJoin(project2client.target, project2client.condition)
      .innerJoin(user2client.target, user2client.condition)
      .where(whereClause)
  ]);

  console.log('A');
  console.table(clients);
  console.log('B');
  console.table(clients);
  console.log('C');
  console.log(clients);

  res.render('project', {
    title: 'List of projects',
    clientList: clients,
    recordset: rows
  });
}

关键原理补充 #

• async函数调用后一定会返回一个Promise，必须用await或者.then()才能拿到内部的返回值。
• await会暂停当前函数的执行，直到Promise状态变为resolved，确保后续代码能拿到真实数据。

内容的提问来源于stack exchange，提问作者mersey01