>웹 프론트엔드 >JS 튜토리얼 >js 시간 초과 호출 setTimeout 및 간헐적 호출 setInterval 인스턴스 분석_javascript 기술

js 시간 초과 호출 setTimeout 및 간헐적 호출 setInterval 인스턴스 분석_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:17:351338검색

이 문서에서는 js 시간 초과 호출 setTimeout 및 간헐적인 호출 setInterval의 사용을 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

오늘 JavaScript Advanced 프로그래밍(제3판)이라는 책을 읽었는데 setTimeout이 setInterval보다 낫다는 것을 알았고 그게 사실이라고 생각합니다. 저는 주로 setInterval을 더 많이 사용하는데 이제는 마음을 바꿔야 합니다. 다시 배웠습니다. 분석은 다음과 같습니다.

setTimeout에는 두 개의 매개변수가 포함되어 있는데 첫 번째 매개변수는 실행할 코드이고 두 번째 매개변수는 시간입니다.
첫 번째 매개변수는 문자열이거나 함수일 수 있지만 문자열 대신 함수를 사용하는 것이 좋습니다.
문자열을 사용하는 것은 eval 메서드와 동일합니다. 결과적으로 성능 손실이 발생합니다.

clearTimeout()

timeout으로 호출되는 코드는 전역 범위에서 실행되므로 함수 내 this의 값은 엄격 모드에서는 창 객체를 가리키고, 엄격 모드에서는 정의되지 않습니다

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

변수 번호 = 0;
var 최대 = 10;
var 간격 ID = null;

함수 incrementNumber(){
숫자 ;
if(숫자 == 최대){
>         경고('완료');
}
}

intervalId = setInterval(incrementNumber(),500);

//setTimeout은 동일한 기능을 구현합니다

변수 번호 = 0;

var 최대 = 10;
함수 incrementNumber2(){
숫자 ;
if(숫자 setTimeout(incrementNumber2,500);
}그밖에{
        경고('완료');
}
}
setTimeout(incrementNumber2,500);

위의 비교는 시간 초과 호출을 사용할 때 시간 초과 호출 ID를 추적할 필요가 없다는 것을 보여줍니다. 왜냐하면 코드를 실행할 때마다 다른 시간 초과 호출이 설정되지 않으면 호출이 자체적으로 중지되기 때문입니다.

간헐적인 통화를 시뮬레이션하기 위해 타임아웃 통화를 사용하는 경우 이것이 가장 좋은 모드라고 일반적으로 알려져 있습니다.

개발 환경에서는 이전 간헐적 호출이 끝나기 전에 나중에 간헐적 호출이 시작될 수 있으므로 실제 간헐적 호출은 거의 발생하지 않습니다.

간헐적인 통화는 사용하지 않는 것이 가장 좋습니다.

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.