如何在Firebase回调外部获取数据值以完成字符串替换？

你遇到的核心问题是异步操作的处理方式不对——firebase.database().ref().once('value')是一个异步方法，它不会直接返回数据库里的name值，而是返回一个Promise对象，代表这个异步操作的最终结果。你直接把这个Promise传给replace()，自然就会得到[object Promise]的结果。

而你在箭头函数里加alert()能正常工作，是因为alert()是在异步操作完成后（也就是拿到数据库数据之后）执行的，这时候snap.val().name已经是正确的字符串值了，但外部的return语句在Promise还没完成就执行了，所以返回的是Promise本身，而非最终的数据。

下面给你两种可行的解决方案：

方案1：使用async/await（更直观的同步写法） #

把changeName改成异步函数，用await等待Promise完成后再处理数据：

async function changeName(t) {
  // 等待数据库请求完成，拿到快照
  const snapshot = await firebase.database().ref(`langs/${t}`).once('value');
  // 提取name值
  const name = snapshot.val().name;
  // 替换并返回结果（其实这里t.replace(t, name)等价于直接返回name，你可以根据实际需求调整）
  return t.replace(t, name);
}

调用这个函数的时候，需要用await或者.then()来获取结果（因为它返回的还是Promise）：

// 方式1：在async函数里用await
async function handleNameChange() {
  const result = await changeName('你的参数值');
  console.log(result); // 这里就是你要的name字符串
  // 后续用result做其他操作
}

// 方式2：用.then()链式调用
changeName('你的参数值').then(result => {
  console.log(result);
  // 处理结果
});

方案2：使用Promise链式调用（传统异步写法） #

如果你的环境不支持async/await，也可以直接用.then()来处理Promise：

function changeName(t) {
  // 返回Promise，后续通过.then()获取结果
  return firebase.database().ref(`langs/${t}`).once('value').then(snapshot => {
    const name = snapshot.val().name;
    return t.replace(t, name);
  });
}

// 调用方式和上面一致
changeName('你的参数值').then(result => {
  console.log(result);
});

关键要记住：所有涉及Firebase Realtime Database的读写操作都是异步的，你不能同步地直接拿到结果，必须等待Promise完成后再处理返回的数据。

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