为何JS中读取Firebase数据库的async函数返回Pending状态Promise？

你看到的Promise { <state>: "pending" }是个很常见的异步操作误区——async函数的本质就是返回一个Promise，不管你函数内部有没有await。当你直接调用getMarket()时，这个异步函数还没完成它内部的marketRef.once('value')数据库请求，所以返回的Promise还处于「等待（pending）」状态，自然拿不到最终的数据库数据。

要获取到实际的数据库内容，你需要处理这个Promise的异步结果，有两种常用且易懂的方式：

方式1：用await调用（推荐） #

await可以暂停代码执行，直到Promise状态变为「已完成（resolved）」拿到结果，或者「已失败（rejected）」抛出错误。注意await只能在async函数内部，或者ES模块的顶层环境使用：

// 在另一个async函数里调用并处理结果
async function loadMarketData() {
  try {
    const marketData = await getMarket();
    console.log('拿到的市场数据:', marketData);
    // 这里可以写数据渲染、业务逻辑等代码
  } catch (error) {
    console.error('获取数据出错了:', error);
  }
}
loadMarketData();

// 或者在ES模块的顶层直接使用（现代浏览器/Node.js支持）
// const marketData = await getMarket();
// console.log(marketData);

方式2：用.then()链式处理 #

如果你的环境不支持顶层await，或者更习惯Promise链式写法，可以用.then()接收成功返回的结果，同时用.catch()捕获可能出现的错误：

getMarket()
  .then(marketData => {
    console.log('拿到的市场数据:', marketData);
    // 这里处理数据逻辑
  })
  .catch(error => {
    console.error('获取数据失败:', error);
  });

建议在你的getMarket函数里也加上错误处理，避免出现未捕获的Promise拒绝：

async function getMarket() {
  try {
    let marketRef = db.ref('/market');
    let snapshot = await marketRef.once('value');
    return snapshot.val();
  } catch (error) {
    console.error('读取数据库失败:', error);
    throw error; // 抛出错误让调用方统一处理
  }
}

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