如何在JavaScript中让Firebase实时数据库属性值全局可访问？

Firebase 实时数据库的on("value")是异步操作——它不会阻塞后续代码执行，而是先发送请求，等数据库返回数据后才会执行回调函数里的代码。你的console.log(correct_option)在回调执行前就已经运行了，此时correct_option还没被赋值，所以输出undefined。

另外你的代码里有个语法错误：correct_option = data.val().correct) 多了一个右括号，得去掉，否则会直接报错。

方法1：将业务逻辑移到回调内部 #

既然数据只有在回调执行时才准备好，直接把需要使用correct_option的代码放到回调里：

// 先声明全局变量（如果需要全局访问）
let correct_option;
const mcqq = firebase.database().ref("mcq_choice/");

mcqq.orderByChild("mcq_choice").on("value", function (data) {
  data.forEach(function (childData) {
    correct_option = childData.val().correct;
    // 在这里处理correct_option相关逻辑
    console.log(correct_option); // 能正常输出值
    // 比如调用你的业务函数
    doSomethingWithCorrectOption(correct_option);
  });
});

// 定义业务逻辑函数
function doSomethingWithCorrectOption(option) {
  // 这里写你的具体业务代码
}

方法2：用Promise封装+async/await #

如果不想把所有逻辑都塞到回调里，可以用Promise把异步操作封装起来，再配合async/await让代码看起来像同步执行：

function fetchCorrectOption() {
  return new Promise((resolve, reject) => {
    const mcqq = firebase.database().ref("mcq_choice/");
    mcqq.orderByChild("mcq_choice").on("value", function (data) {
      let correct_option;
      data.forEach(function (childData) {
        correct_option = childData.val().correct;
      });
      resolve(correct_option);
    }, (error) => {
      reject(error); // 捕获数据库读取错误
    });
  });
}

// 使用async函数调用
async function initApp() {
  try {
    const correct_option = await fetchCorrectOption();
    console.log(correct_option); // 能正常拿到值
    // 后续业务逻辑都可以在这里写
  } catch (error) {
    console.error("读取数据失败：", error);
  }
}

// 启动初始化
initApp();

注意事项 #

• 如果你的mcq_choice节点下有多个子项，forEach会遍历所有子项，最后correct_option会被最后一个子项的correct值覆盖，如果你需要收集所有correct值，可以改成数组：

let correct_options = [];
data.forEach(function (childData) {
  correct_options.push(childData.val().correct);
});

内容的提问来源于stack exchange，提问作者Syed Faraz Hasan