>웹 프론트엔드 >JS 튜토리얼 >js는 성능 문제_javascript 기술을 고려하여 너무 많은 횟수로 루프를 최적화합니다.

js는 성능 문제_javascript 기술을 고려하여 너무 많은 횟수로 루프를 최적화합니다.

WBOY
WBOY원래의
2016-05-16 18:09:411434검색

1천만 개의 난수를 생성한다고 가정해 보겠습니다. 일반적인 접근 방식은 다음과 같습니다.

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

var number = [];
for (var i = 0; i < 10000000; i ) {
 numbers.push(Math.random()); }

그런데 IE에서 이 코드를 실행하면 사용자에게 이 스크립트를 중지할지 묻는 창이 뜹니다. 이런 일이 발생하면 가장 먼저 떠오르는 것은 루프 본문을 최적화하는 것입니다. 그러나 분명히 루프 본문은 매우 단순하고 최적화할 여지가 없습니다. 루프 본문이 지워지더라도 프롬프트는 여전히 존재합니다. 그래서 저는 결론을 내렸습니다. IE에서는 루프 수가 특정 값을 초과하면 스크립트를 중지하라는 메시지가 나타납니다.

원인은 찾았는데 어떻게 해결하나요? 나의 첫 번째 생각은 천만 개의 루프를 여러 개의 작은 루프로 나누는 것이었습니다. 예를 들어 100번으로 나누고 매번 10만 번 루프를 실행합니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:
for (var i = 0, j; i for (j = 0; j  . ..
 }
}

IE는 우리가 생각하는 것만큼 멍청하지 않습니다. 총 사이클 수가 여전히 천만이라는 것을 알고 있습니다. 따라서 이러한 10만 주기는 별도로 실행되어야 합니다. Javascript는 단일 스레드이지만 setTimeout 또는 setInterval을 통해 다중 스레드를 시뮬레이션할 수도 있습니다. 전체 코드는 다음과 같이 최적화되었습니다.

코드 복사 코드는 다음과 같습니다.
var 숫자 = [];
function start() {
 for (var i = 0; i < 100000; i ) {
 numbers.push(Math.random())
 }
 if (numbers .length < 10000000) { // 완료 여부
setTimeout(begin, 0)
} else {
Alert("complete")
}
}
시작()

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