Javascript асинхронный для цикла

Question

Есть ли способ для меня запускать коды асинхронно в цикле for?

В этом примере событие от дня х к у требуется для добавления в календарь через цикл. Однако цикл занимает около минуты и слишком длинный, так как требуется пройти все дни с 4 января 2016 года по 28 декабря 2020 года.

Прямо сейчас, мне придется подождать всех дни для загрузки, чтобы просмотреть результат. Есть ли способ для добавления событий и появления сразу после запуска 'addEventSource'/до того, как он пройдет весь цикл. Возможно ли сделать это асинхронным?

Javascript

$(document).ready(function() { 
     loadCalendar(null); 
     var start = new Date("Jan 4, 2016 08:00:00"); 
     var end = new Date("Dec 28, 2020 12:00:00"); 
     var startTime = new Date("Jan 4, 2016 08:00:00"); 
     var endTime = new Date("Jan 4, 2016 12:00:00"); 

     addCalendarEvents("Test", start, end, startTime, endTime); 
    }); 

function addCalendarEvents(title, start, end, repeatDays, startTime, endtime) { 
     var events = []; 

     var one_day = (24 * 60 * 60 * 1000); 
     var loopEnd = end.getTime(); 

     for (var loop = start.getTime() ; loop <= loopEnd; loop = loop + one_day) { 
      var eventDate = new Date(loop); 

       var tempStart = start; 
       var tempEnd = end; 

       tempStart.setDate(eventDate.getDate()); 
       tempStart.setMonth(eventDate.getMonth()); 
       tempStart.setFullYear(eventDate.getFullYear()); 
       tempEnd.setDate(eventDate.getDate()); 
       tempEnd.setMonth(eventDate.getMonth()); 
       tempEnd.setFullYear(eventDate.getFullYear()); 

       $('#calendar').fullCalendar('addEventSource', [{ 
        title: title, 
        start: tempStart, 
        end: tempEnd, 
        allDay: false 
       }]); 

     } 
    } 

P.S. $('#calendar').fullCalendar('addEventSource', event) adds events to the calendar.

Answer 1

Javascript не имеет нитевидной модели, но имеет асинхронные таймеры.

Проверьте это: http://www.sitepoint.com/multi-threading-javascript/

Answer 2

Как уже упоминалось Tibrogargan, это может быть достигнуто с помощью SetTimeout/setInterval.

Идея состоит в том, чтобы запустить цикл for в течение определенного времени и разбить цикл. снова запускает цикл через определенное время, с которого он остановился раньше. Таким образом, вы не будете блокировать пользователя.

например ..

var thresholdTime = 500; 
function searchForData(searchTerm, indexFromWhereToSearch) { 
    var startTime = new Date(), 
    searchFrom = indexFromWhereToSearch; 
    for (var i=searchFrom; i < hugeData.length; i++) { 
    ....... 
    if (newDate() - startTime >= thresholdTime) { 
     setTimeout((function(index) { 
     return function() { 
      searchForData(searchTerm, index); 
     } 
     })(i+1), 300/*another threshold*/); 
     break/return; 
    } 
    } 
}