javascript - 如何在 Chrome 扩展中删除事件监听器

Question

我正在尝试在发出请求后删除onRequest添加的侦听器，如下所示：chrome.extension.onRequest.addListener

chrome.extension.onRequest.addListener(
    function(request){
        chrome.extension.onRequest.removeListener();
        other_function(request);
    }
);

问题是我不知道这是否有效。我试过chrome.extension.onRequest.hasListener了，这似乎没有给出正确的答案，所以我想知道是否有其他方法可以删除onRequest监听器或检查监听器是否存在。

谢谢！

Answer 1

removeListener接受一个论点。您需要命名侦听器函数，然后按名称将其删除：

function doStuff(request){
    chrome.extension.onRequest.removeListener(doStuff);
    other_function(request);
}
chrome.extension.onRequest.addListener(doStuff);

或者，更简洁地说：

chrome.extension.onRequest.addListener(
    function doStuff(request){
        chrome.extension.onRequest.removeListener(doStuff);
        other_function(request);
    }
);

Answer 2

使用匿名函数时的另一种简单直接的方法：

chrome.runtime.onMessage.addListener(function(msg, sender, reply) {
    chrome.runtime.onMessage.removeListener(arguments.callee);
});

Answer 3

// define listener(s)
const createListener = (id, bookmark) => {
  // do something
};

React.useEffect(() => { 
  // Add listener(s)
  chrome.bookmarks.onCreated.addListener(createListener);

  // Return a function that removes listener(s)
  return () => {
    chrome.bookmarks.onCreated.removeListener(createListener);
  };
}, []);