如何在JavaScript中将Firebase数据库值赋值给变量？

当然可以把Realtime Database的值赋值给变量，核心是处理好异步读取的逻辑——因为数据库操作不会立刻返回结果，得用回调或者异步函数来处理。下面是几个主流平台的基础示例：

Web（JavaScript） #

回调函数方式 #

// 假设已完成Firebase初始化配置
const db = firebase.database();
let myVariable;

// 读取指定路径的单次数据
db.ref('path/to/target/data').once('value')
  .then(snapshot => {
    myVariable = snapshot.val();
    // 必须在回调内使用变量，此时赋值已完成
    console.log('赋值后的变量:', myVariable);
  })
  .catch(error => {
    console.error('读取数据失败:', error);
  });

Async/Await 方式（更简洁） #

async function fetchAndAssignData() {
  const db = firebase.database();
  try {
    const snapshot = await db.ref('path/to/target/data').once('value');
    let myVariable = snapshot.val();
    console.log('赋值后的变量:', myVariable);
  } catch (error) {
    console.error('读取数据失败:', error);
  }
}

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

Android（Kotlin） #

import com.google.firebase.database.FirebaseDatabase

val db = FirebaseDatabase.getInstance().reference
var myVariable: String? = null

// 读取单次数据并赋值
db.child("path/to/target/data").get().addOnSuccessListener { snapshot ->
    myVariable = snapshot.value?.toString()
    // 在回调内使用变量
    println("赋值后的变量: $myVariable")
}.addOnFailureListener { error ->
    println("读取失败: ${error.message}")
}

iOS（Swift） #

import FirebaseDatabase

var myVariable: Any?
let dataRef = Database.database().reference(withPath: "path/to/target/data")

// 读取单次数据
dataRef.observeSingleEvent(of: .value) { snapshot in
    myVariable = snapshot.value
    // 在回调内使用变量
    print("赋值后的变量: \(myVariable ?? "无数据")")
} withCancel: { error in
    print("读取错误: \(error.localizedDescription)")
}

关键注意点 #

• 数据库读取是异步操作，不要在回调/异步函数外直接使用变量，此时赋值还未完成
• 如果需要监听数据的实时更新（数据变化时自动更新变量），把once（Web）、get()（Android）、observeSingleEvent（iOS）换成持续监听的方法，比如Web的observe('value')，Android的addValueEventListener，iOS的observe(.value)

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