Firebase中addDoc外部声明的变量传参不生效问题求助

问题根因及排查方案 #

1. 按钮默认行为打断异步执行 #

如果#msg-sent是表单内的提交按钮，点击时会触发表单默认提交、页面刷新逻辑，异步的addDoc请求还未执行完成就被中断，因此无法完成数据入库，也不会执行后续的alert("done")语句。硬编码字符串时能成功通常是偶发的执行速度差异，刚好在页面刷新前完成了请求。
解决方法：给点击事件回调添加事件参数，阻止默认提交行为：

$("#msg-sent").click(async function (e){
  e.preventDefault(); // 新增行，阻止表单默认提交
  // 原有逻辑
});

2. 实际场景中msg变量不符合Firestore写入要求 #

你示例代码中msg是写死的字符串常量，若实际业务中msg是从输入框、其他异步接口获取的，可能存在以下问题：

• msg类型不是字符串，为undefined、null、未序列化的对象/数组等，和你预先设置的Firestore集合字段类型规则冲突
• msg值包含安全规则禁止的特殊字符，或是长度超出自定义规则限制
  此时被安全规则拦截的写入请求会抛出异常，可打开浏览器控制台查看catch块打印的报错信息，即可定位具体的规则拦截原因。

3. 变量作用域/异步时序问题 #

如果你的实际代码中msg是在点击事件外部声明的，可能存在变量被意外修改、或是异步获取msg值时未加await的情况，导致传入addDoc的是未完成的Promise对象，不符合字段写入要求。

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