Почему я не могу вырваться из этого цикла?

Question

Это тест для сайта, где я проверяю, существуют ли источники фотографий или нет, если они не хотят скрывать дополнительную панель, которая будет показывать эти фотографии, если они существуют. Проблема в том, что я не могу получить состояние breakVar = true;, и цикл тоже не остановится. Я пробовал разные способы, чтобы остановить его с помощью breaks/returns.

Я тестирую вывод testPhotos(currentProduct,display,breakVar);, и я хочу получить возврат «test-fail», чтобы я мог скрыть дополнительную панель.

Да, этот код стал уродливым, так как я отчаянно пытался проверить состояния при выполнении кода.

Я пытался поставить break; заявления в разных местах, но получаю ошибку «Illegal заявления перерыва»

я тест не в петле 8 раз в моей консоли.

var breakVar = false; 

function triggerPhotoFail(breakVar) { 
    breakVar = true; 
    consol.log('triggerPhotoFail ran'); 
    return "test-fail"; 
} 
function testPhotos(currentProduct,display,breakVar) { 
    for (var i = 0; i < 5; i++) { 
    // test if photos exists 
    if (breakVar === true) { 
     break; // get out of loop 
    } 
    var src = productArray[currentProduct]['subphoto-' + i]; 
    $.get(src) 
    .done(function() { 
     // photo exists 
    }) 
    .fail(function(breakVar) { 
     // photo does not exist 
     console.log('test failed in loop'); 
     breakVar = true; 
     triggerPhotoFail(); 
     console.log('breakVar change!: ' + breakVar); 
    }) 
    } 
    if (breakVar === true) { 
    console.log('breaker var tested true'); 
    return "test-fail"; 
    } 
    else { 
    return "not acknowledged"; 
    } 
} 

Answer 1

$.get является асинхронным. Цикл завершен доdone или fail функция была вызвана.

Вам необходимо заменить петлю for на итератор, который будет продвигаться при срабатывании функции done.

function testPhotos(currentProduct, display) { 
    // This starts the loop 
    var i = 0; next(); 

    function next() { 
    // This replaces the regular "end of for loop" check 
    if (i == 5) { 
     return; 
    } 

    $.get(src) 
     .done(function() { 
     // photo exists 
     i++; next(); // This does the "End of for loop increment" test and starts the next loop 
     }) 
     .fail(function(breakVar) { 
     // photo does not exist 
     console.log('test failed in loop'); 
     triggerPhotoFail(); 
     // We don't call `next()` here, which breaks the loop 
     }); 

    } 
} 

Answer 2

Вы не прохождения каких-либо аргументов в вашей triggerPhotoFail() функции, которая в своем определении требует 1 параметр, а именно breakVar. Просто удалите все breakVar параметров из определений функций и вызовов (.fail(function()...), потому что breakVar сам уже глобальный.