重复调用函数无法向PouchDB文档添加字段问题求助

1. 错误的Cookie处理（最可能的根源） #

你设置Cookie的方式存在问题：document.cookie = id; 会创建一个无名称的Cookie，当后续有其他Cookie被添加时，document.cookie会返回所有Cookie的拼接字符串（比如"p1690000000-1234; anotherCookie=xxx"）。此时你直接把整个字符串当作数据库ID，会创建一个全新的本地PouchDB，而非之前对应用户的数据库，自然无法找到目标文档进行更新。

修复方案：

• 设置Cookie时指定键名，确保后续能准确提取：

// 第一次创建用户时设置Cookie
document.cookie = `userId=${id}; path=/`; // 添加path确保全站可访问该Cookie

• 封装工具函数解析Cookie，获取正确的用户ID：

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

// 在更新函数中获取ID
var id = getCookie('userId');
if (!id) return; // 未获取到ID则直接退出

2. 同名函数冲突 #

你有两个同名的putdb函数（第二个和第三个JS文件中），在JavaScript中后加载的函数会覆盖先加载的。如果加载顺序或调用时机不对，可能会调用到错误的函数，或者因参数不匹配导致逻辑异常（比如第三次调用需要传checked参数，若误调用无参版本，checked会为undefined，循环无法执行）。

修复方案：

• 给第三个函数重命名，避免命名冲突，比如改为savePlaylistData：

function savePlaylistData(checked) {
  // 原putdb的逻辑代码
}

3. 缺失Promise错误捕获 #

你的所有Promise链（.then()）都没有添加.catch()处理错误，这会导致你无法看到操作失败的具体原因（比如文档冲突、数据库不存在、权限问题等）。

修复方案：

• 在每个Promise链末尾添加错误捕获，方便排查问题：

dblocal.get(id).then(function (doc) {
  doc.checkedlist = checkedlist;
  doc.playlistname = playlistname;
  return dblocal.put(doc);
}).then(function () {
  return dblocal.get(id);
}).then(function (doc) {
  console.log(doc);
  var dbremote = 'http://localhost:5984/experiment';
  return dblocal.replicate.to(dbremote, {live: true, retry: true});
}).catch(function(err) {
  console.error('操作失败:', err); // 打印具体错误信息
});

4. Live复制的潜在问题 #

你每次更新文档后都调用replicate.to({live: true})，Live复制是持续同步的，多次调用会创建重复的同步任务，反而可能引发冲突或同步异常。

优化方案：

• 将Live复制的初始化逻辑放在newuser函数中，仅初始化一次，后续本地文档的更新会自动同步到远程：

// 在newuser函数创建数据库后，初始化一次Live同步
dblocal.replicate.to(dbremote, {live: true, retry: true}).on('error', function(err) {
  console.error('同步出错:', err);
});

• 后续的put操作无需再调用replicate.to，Live同步会自动处理同步逻辑。

额外检查点 #

• 确认第三次调用函数时，checked参数的传入值正确（需为选中复选框的数量）。
• 打开浏览器控制台的Application标签，查看PouchDB本地数据库，确认目标文档是否存在、是否有预期的字段更新。

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