eventListener 내에서 변경 변수 사용

Question

var 'endTime'은 변경되지만 eventListener에서 업데이트되지 않습니다.

vidposition0 = +$("[data-slide='0']").attr('data-time'); 
vidposition1 = +$("[data-slide='1']").attr('data-time'); 

navItem.off().on('click',function(){ 
    var navid = $(this).attr('data-slide'); 
    if (navid == 0) {playVideo(vidposition0);} 
    if (navid == 1) {playVideo(vidposition1);} 
}); 


function playVideo (endTime) { 
    video.play(); 
    video.addEventListener("timeupdate", function(){ 
    if(video.currentTime >= endTime) { 
     this.pause(); 
    } 
    }, false); 
} 

Answer 1

endTime은 변수가 아니며 함수 매개 변수입니다. 그들은 로컬 함수 변수와 매우 유사하게 동작합니다. playVideo을 호출 할 때마다 복사본이 endTime이되며, playVideo이 호출 된 곳의 값과 playVideo에 대한 호출에 비공개입니다. playVideo의 내용은 업데이트되지 않으므로 변경되지 않습니다.

playVideo에 대한 특정 호출의 컨텍스트 외부에서 변경하려는 경우 playVideo (예 : 변경할 수 있음) 밖으로 이동해야합니다. 그러나 값을 업데이트하는 코드를 표시하지 않았거나 현재 수행중인 작업에 대한 설명이 없으므로 수정해야 할 부분에 대해 더 자세히 설명하기가 어렵습니다.