JavaScript «функции вызывается» слушатель событий

Question

function addAndRemove() { 
    if (mapData.initialZoom && !cameraStatus.locked) { 
     cameraStatus.locked = true; 
     var ajaxRequest = null; 


     var abortMission = setTimeout(function() { 

      /* Here is where I need the event listener. 
      * If the function is called again then we need to 
      * cancel our existing ajax request */ 

      if (ajaxRequest) { 
       ajaxRequest.abort(); 
       updatePrompt({text: "Cancelled ajax"}); 
      } 

      cameraStatus.locked = false; 
     }, 1000); 
    } 
} 

Как я уже говорил в комментариях в коде, мне нужно, чтобы иметь возможность слушать, чтобы увидеть, если addAndRemove вызывается снова в то время как в исполнении. Я хочу только отменить существующий запрос Ajax, если новый запрос был запрошен. Как я могу это сделать?

Answer 1

Для создания состояния в вашей функции вам необходимо использовать замыкание.

Вы можете реорганизовать свою функцию таким образом.

var addAndRemove = (function(){ 
    var ajaxRequest = null; // --> move ajaxRequest variable here 
    return function() { 
    if (mapData.initialZoom && !cameraStatus.locked) { 
     cameraStatus.locked = true; 

     var abortMission = setTimeout(function() { 

      /* Here is where I need the event listener. 
      * If the function is called again then we need to 
      * cancel our existing ajax request */ 

      if (ajaxRequest) { 
       ajaxRequest.abort(); 
       updatePrompt({text: "Cancelled ajax"}); 
      } 

      cameraStatus.locked = false; 
     }, 1000); 
    } 
    } 
}()); 

Таким образом, ajaxRequest укажет на ту же ссылку независимо от того, сколько времени вы вызываете.