如何检测chrome.runtime.lastError是否已被检查？

我来帮你搞定这个工具库封装的问题！首先得明确Chrome的这个机制：当chrome.storage.sync.set调用失败时，Chrome会设置chrome.runtime.lastError，如果在回调函数执行期间没有访问过这个变量，控制台就会抛出那个烦人的"Unchecked runtime.lastError"错误——这确实是Chrome的预期行为，但作为工具库开发者，我们完全可以在封装层就把这个问题解决掉，不用麻烦用户去处理。

核心思路：主动访问lastError，满足Chrome的检查要求 #

Chrome的报错逻辑很直白：它只看在API的回调执行过程中，有没有人访问过chrome.runtime.lastError，而不是看用户有没有"处理"这个错误。所以我们只需要在封装的回调里先主动访问一次这个变量，就能避免控制台报错，同时还能把错误传递给用户（如果他们需要的话）。

方案1：封装传统回调函数 #

你可以把lastError作为参数传给用户的回调，同时自己先访问它：

function mySyncSet(items, userCallback) {
  chrome.storage.sync.set(items, () => {
    // 先主动访问lastError，触发Chrome的检查逻辑
    const error = chrome.runtime.lastError;
    // 把错误传递给用户的回调，用户可选处理
    if (typeof userCallback === 'function') {
      userCallback(error);
    }
  });
}

这样不管用户有没有传回调，或者有没有处理错误，控制台都不会再抛出那个未检查的错误——因为我们已经在内部访问过lastError了。用户如果关心错误，可以这样用：

mySyncSet({ largeData: '...' }, (err) => {
  if (err) {
    console.error('存储失败:', err.message);
  }
});

如果用户不关心错误，直接调用也没问题：

mySyncSet({ largeData: '...' });

方案2：用Promise封装（更现代的写法） #

现在很多开发者更喜欢用Promise/async-await，你可以把chrome.storage.sync.set封装成Promise：

function mySyncSet(items) {
  return new Promise((resolve, reject) => {
    chrome.storage.sync.set(items, () => {
      const error = chrome.runtime.lastError;
      if (error) {
        // 把错误reject出去，用户可以用catch处理
        reject(error);
      } else {
        resolve();
      }
    });
  });
}

用户使用的时候更灵活：

// 处理错误
mySyncSet({ largeData: '...' })
  .then(() => console.log('存储成功'))
  .catch(err => console.error('存储失败:', err.message));

// 不处理错误，也不会有控制台报错
mySyncSet({ largeData: '...' });

为什么不需要检测用户是否检查了lastError？ #

Chrome的检查逻辑很简单：只要在回调函数的执行周期内，chrome.runtime.lastError被访问过一次，就不会抛出未检查的错误。所以我们在封装层访问过之后，不管用户有没有再去访问它，都不会触发报错。

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