Chrome扩展无限循环

Question

I have an infinite loop that I do not understand

function bot(cartInfo, tab) {
    function injector(file, message) {
        chrome.tabs.executeScript(tab.id, {file: file, runAt: 'document_end'}, function(r) {
            chrome.tabs.sendMessage(tab.id, message, function(result) {
            });
        });
    }

    //this section gets repeated over and over
    chrome.tabs.onUpdated.addListener(
        function myListener(tabId, changeInfo, updateTab) {
            injector('addToCart.js', cartInfo.sizeInfo);
            chrome.tabs.onUpdated.removeListener(myListener);  
        } 
    );

}

I want it to enter the addListner section call the injector( which runs another file addToCart) once and return and exit. If I remove the line chrome.tabs.onUpdated.removeListener(myListener); It will work but calls the injector function infinitely. If I keep the line it exits the loop, but does not execute the injector. Is there a way to get around this? or a way to remove the listener while inside the addToCart file so I know it has been executed at least once?

Answer 1

I don't recommend having the removeListener within the callback it's removing. I think if you refactor the code a little you should be able to get it to work. This makes the listener method more explicit and moves the removeListerner to trigger at the end of injector method.

function bot(cartInfo, tab) {

    var myListener = function(tabId, changeInfo, updateTab) {
        injector('addToCart.js', cartInfo.sizeInfo);
    }

    function injector(file, message) {
        chrome.tabs.executeScript(tab.id, {file: file, runAt: 'document_end'}, function(r) {
            chrome.tabs.sendMessage(tab.id, message, function(result) { });
        });
        chrome.tabs.onUpdated.removeListener(myListener);
    }

    chrome.tabs.onUpdated.addListener(myListener);
}