闭包处理程序给出 TypeError: foo is not a function

Question

我正在制作一个 Chrome 扩展程序，有人可以在其中使用特定站点上的上下文菜单，从中获取一些图像并将它们加载到新选项卡（扩展程序文件夹中的 html 模板文件）。

问题是我希望图像在选项卡上保持不变，直到它关闭；所以不要重新加载。

不久前，我发现了一些可以实现这一点的代码，但我不断收到我的变量/函数不是函数的错误。非常感谢任何帮助。

错误是在 magic(tabId); 被“调用”的那一行引发的。

这是 magic 和 pendingTabs 里面的内容

Codebase

let pendingTabs = new Array();

chrome.tabs.onUpdated.addListener(
    function(tabId, changeInfo, tab) {

        //Execute the handler
        const magic = pendingTabs[tabId];
        magic(tabId);
        // Delete the handler
        delete pendingTabs[`foobar`];
});

function sendImages(tabId, response, tabTitle) {
    const urls = response.urls;
    
    chrome.tabs.create({url: chrome.runtime.getURL('html/images.html')}, function(tab) {            


        function handler(tabId) {
            chrome.tabs.sendMessage(tabId, {urls: urls});
        };
        
        pendingTabs[tab.id] = handler;
    });
}

Answer 1

我需要在 magic() 上添加一个 if 来测试它是否未定义，然后错误就奇迹般消失了。