如何用JavaScript读取Firebase实时数据库的直接数据

你的代码输出undefined的核心原因是Firebase数据库读取是异步操作：database.ref("password").on('value', ...)的回调函数要等数据从服务器返回后才会执行，但你写的console.log(test)在回调触发前就已经运行了，此时test还没被赋值，所以输出undefined。

下面是两种正确的解决方式：

方法1：在回调内处理数据 #

把需要使用数据的逻辑放在监听回调里，确保拿到数据后再执行：

const firebaseConfig = {
    // 你的配置信息
};

firebase.initializeApp(firebaseConfig);
const database = firebase.database();

// 实时监听password字段变化
database.ref("password").on('value', function(snapshot) {
    const test = snapshot.val();
    console.log(test); // 此处能正确输出数据
    // 其他依赖test的业务逻辑也写在这里
});

如果只需要单次读取数据（不需要实时监听变化），可以用once('value')替代on('value')：

// 单次读取password字段
database.ref("password").once('value', function(snapshot) {
    const test = snapshot.val();
    console.log(test);
});

方法2：用async/await处理异步逻辑 #

如果习惯Promise风格的代码，可以将读取操作包装成异步函数：

const firebaseConfig = {
    // 你的配置信息
};

firebase.initializeApp(firebaseConfig);
const database = firebase.database();

async function getPassword() {
    const snapshot = await database.ref("password").once('value');
    const test = snapshot.val();
    console.log(test);
    return test;
}

// 调用异步函数
getPassword();

额外检查项 #

• 确认Firebase数据库规则允许读取操作：测试阶段可暂时设置为{ "rules": { ".read": true, ".write": true } }，正式环境需配置安全规则。
• 确认password是数据库根节点下的直接字段，路径没有拼写错误（比如不要写成/password/这类错误格式）。

内容的提问来源于stack exchange，提问作者Batu A.