通过Cloud Functions返回Firebase Timestamp后类型丢失的问题及解决

这个问题我之前也碰到过，核心原因是Cloud Functions在返回数据时会自动把Firebase Timestamp序列化成普通JSON对象，导致前端拿到的不再是Timestamp类的实例，自然调用不了toMillis()这类原型方法。

为什么直接前端获取没问题？ #

当你直接在前端通过Firestore SDK拉取数据时，SDK会自动把Firestore存储的时间戳数据反序列化为Timestamp类的实例，所以它自带所有专属方法。但通过Callable函数（本质是HTTP请求）传输数据时，数据会被序列化成JSON格式——而自定义类实例序列化后会变成仅包含自身属性的普通对象（也就是你看到的带有_seconds和_nanoseconds的对象），失去了原型链上的方法。

下面给你两种可行的解决思路：

方案一：后端直接转成通用格式（最简单） #

在Cloud Functions里提前把Timestamp转换成毫秒数或者ISO时间字符串，前端拿到后可以直接使用，不需要额外处理：

snapshot.forEach(doc => { 
  messageArray.push({ 
    // ...其他字段
    timestamp: doc.data().timestamp.toMillis(), // 转成毫秒数字
    // 或者转成ISO字符串：doc.data().timestamp.toDate().toISOString()
    // ...其他字段
  }); 
}); 
return messageArray;

这种方式适合只需要时间数值/字符串的场景，前端直接用millis或者把ISO字符串转成Date对象即可。

方案二：前端重建Timestamp实例（保留完整功能） #

如果需要保留Timestamp的所有方法（比如toDate()），可以在前端拿到序列化后的对象后，用Firebase SDK提供的方法重建Timestamp实例：

var getMessages = firebase.functions().httpsCallable('getMessages'); 
getMessages({ data: displayName, chatType: chatType }).then(function (result) { 
  console.log("loading messages"); 
  result.data.forEach(message => { 
    // 用fromObject方法重建Timestamp实例
    const timestamp = firebase.firestore.Timestamp.fromObject(message.timestamp);
    const millis = timestamp.toMillis(); // 现在可以正常调用了
    // 也可以用构造函数手动创建：
    // const timestamp = new firebase.firestore.Timestamp(
    //   message.timestamp._seconds,
    //   message.timestamp._nanoseconds
    // );
  }); 
});

fromObject方法会自动识别对象中的_seconds和_nanoseconds属性（也兼容不带下划线的seconds/nanoseconds），完美适配Cloud Functions返回的结构。

内容的提问来源于stack exchange，提问作者Florin Oiță