如何在Chrome API内使用Promise？搜索历史ID存入数据库遇问题

AI 小北

2026-8-14

问题分析与解决

为什么Promise会失效？

你的Promise代码存在致命问题：reject("Failed")直接写在chrome.history.search外部，会在Promise创建时同步执行，导致Promise刚初始化就被标记为拒绝状态，后续异步的chrome.history.search回调里的resolve完全没机会触发。

另外，全局变量id的console.log(id)是同步执行的，此时chrome.history.search的异步操作还未完成，所以打印的永远是初始值0，这也是你拿不到正确ID的核心原因之一。

修改方案

1. 修正Promise的写法

把reject移到异步回调内部，结合Chrome API的错误机制处理失败场景，同时直接通过resolve返回ID，不再依赖全局变量：

const getHistoryId = new Promise((resolve, reject) => {
  chrome.history.search({ text: "" }, (data) => {
    // 检查Chrome API是否返回错误
    if (chrome.runtime.lastError) {
      reject(chrome.runtime.lastError.message);
      return;
    }
    // 校验是否获取到有效历史数据
    if (!data || data.length === 0) {
      reject("未找到有效历史记录");
      return;
    }
    // 成功获取ID，直接返回结果
    resolve(data[0].id);
  });
});

2. 在异步回调中执行数据库写入

不要依赖全局变量传递ID，直接在Promise的then回调里使用返回的正确值——只有这里才是异步操作完成后能拿到有效ID的时机：

getHistoryId
  .then((historyId) => {
    console.log("获取到的历史记录ID：", historyId);
    // 执行数据库写入操作
    return db.collection("history").doc("search").set({
      id: historyId
    });
  })
  .then(() => {
    console.log("Document successfully written!");
  })
  .catch((error) => {
    console.error("操作出错：", error);
  });