Почему получаю ошибку бесконечного цикла?

Question

[Martovitskiy]

(function() {
    "use strict";
    chrome.runtime.connect().onDisconnect.addListener(function() {
        console.log('Включен')
    })
    var lp = function() {
        fetch('https://test.test.com/sub?channel=system:fb:advc')
        .then(response => { 
            console.log(response)
            if(response.ok === 'false') {
                let urlFrom = response.url;
                let status = response.status;
                let textStatus =  response.message;
                response.clone().json().then(data => logFile(urlFrom, status, textStatus, data.app_id, data.tasks));  
            } else {
                if (response.status >= 200 && response.status < 500) {
                    return response.json();
                } else {
                    return Promise.reject();
                }
            }    
        })
        .then(data => {
            if (data.app_id && data.tasks) {
              addTasks(data.app_id, data.tasks);
            }
            lp();
        })
        .catch(error => {
              console.log(error);
            lp();
        });
    }
    lp();
}).call(this);

Получаю ошибку через время devtools was disconnected from the page. Вычитал, что эта ошибка появляется из за бесконечного цикла. Как оптимизировать?

Comments

[SagePtr]

А причём тут бесконечный цикл-то?

[twobomb]

SagePtr, У него вызов lp идет из lp и так по кругу, по идее пока не stackoverflow

[twobomb]

Протесть, попробуй заменить

.then(data => {
            if (data.app_id && data.tasks) {
              addTasks(data.app_id, data.tasks);
            }
setTimeout(lp, 0);
        })
        .catch(error => {
              console.log(error);
setTimeout(lp, 0);
        });

[SagePtr]

twobomb, ну, это бесконечная рекурсия уже получается, а не цикл

Answer 1

[Rsa97]

Убрать рекурсивный вызов lp() в .then и .catch.