如何将Firestore数据赋值给对象且不覆盖缺失字段的默认值？

这个问题我之前也碰到过，核心原因是从Firestore获取到的是普通JavaScript对象，而非你定义的Car类实例。直接把这个对象赋值给this.car时，原来类实例的默认字段（比如wheels=4）会被覆盖，因为普通对象里没有这个属性，访问时自然变成undefined。下面给你几个实用的解决办法：

方法1：用Object.assign合并数据到类实例 #

最简单的方式就是创建一个Car的新实例，再把Firestore返回的数据合并进去——这样存在的字段会被更新，不存在的字段会保留类的默认值：

firebaseController.getCar().subscribe(firestoreCar => {
  // 创建Car实例，再合并Firestore数据
  this.car = Object.assign(new Car(), firestoreCar);
});

方法2：给类添加静态转换方法 #

可以在Car类里封装一个静态方法，专门用来从Firestore数据生成类实例，代码更规整：

export class Car {
  color = '';
  topSpeed = 0;
  wheels = 4;

  // 静态方法：从Firestore数据创建Car实例
  static fromFirestore(data: Partial<Car>): Car {
    const carInstance = new Car();
    // 合并数据，保留默认值
    Object.assign(carInstance, data);
    return carInstance;
  }
}

然后在订阅时调用这个方法：

firebaseController.getCar().subscribe(firestoreCar => {
  this.car = Car.fromFirestore(firestoreCar);
});

方法3：使用Firestore数据转换器（推荐） #

如果你的项目里频繁和Firestore交互，推荐用Firestore的数据转换器，可以自动在Firestore数据和类实例之间转换，一劳永逸：

// 定义Car类的转换器
const carConverter: FirebaseFirestore.FirestoreDataConverter<Car> = {
  // 存数据到Firestore时可选：只保存需要的字段，默认字段可以不存
  toFirestore(car: Car): FirebaseFirestore.DocumentData {
    return {
      color: car.color,
      topSpeed: car.topSpeed
    };
  },
  // 从Firestore读数据时，自动转为Car实例
  fromFirestore(snapshot: FirebaseFirestore.QueryDocumentSnapshot): Car {
    const data = snapshot.data();
    return Object.assign(new Car(), data);
  }
};

接下来在获取数据时指定转换器（需要调整getCar方法的实现，或者直接在Firestore调用时使用）：

// 示例：直接用转换器获取文档
firebase.firestore()
  .collection('cars')
  .doc('your-car-doc-id')
  .withConverter(carConverter)
  .get()
  .then(doc => {
    if (doc.exists) {
      this.car = doc.data()!; // 这里直接拿到Car实例
    }
  });

这样不管读写，都能保证Car实例的默认字段不会丢失，代码也更符合TypeScript的类型规范。

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