Javascript의 setTimeout()_javascript 팁 중 클로저 기능을 사용할 때 주의해야 할 사항

setTimeout은 특정 기능의 실행을 지연하는 데 자주 사용됩니다.

코드 복사 코드는 다음과 같습니다.

setTimeout(함수(){
…
}, 시간 초과);

때때로 setTimeout(function...,0)이 비동기 처리에 사용됩니다. 예:

코드 복사 코드는 다음과 같습니다.

함수 f(){
… // 준비하세요
setTimeout(함수(){
…. // 뭔가를 하세요
}, 0);

복귀...;
}

함수 f는 setTimeout에 의해 설정된 함수 프로세서 이전에 반환됩니다.

비동기 처리를 사용할 때, 특히 클로저 기능을 사용할 때 주의하세요.

예:

코드 복사 코드는 다음과 같습니다.

for(var i = 0; i setTimeout(함수(){
console.log(i);
}, 0);
}

이 방법을 처음 사용하는 학생들은 프로그램이 0...9를 인쇄할 것이라고 생각할 수도 있지만 실제로는 10개의 10을 인쇄합니다.
문제는 루프가 완료되면 함수가 실행되고 i가 10이 된다는 것입니다. 이는 console.log(i)에서 사용되는 10입니다!

목적이 0...9를 인쇄하는 것이라면 방법을 변경하고 함수 매개변수를 사용하여 0...9를 저장할 수 있습니다(실제로 클로저도 사용됩니다):

코드 복사 코드는 다음과 같습니다.

for(var i = 0; i setTimeout((함수(i){
반환 함수(){
console.log(i);
}
})(i), 0);
}