setTimeout 지연이 0_javascript 기술일 때 여러 브라우저의 차이점

브라우저의 내부 실행 전략을 잘 모르기 때문에 이 글은 몇몇 프론트엔드 테스트를 통해 어렴풋이 결론을 추측할 뿐입니다.
1) 테스트 예시
두 가지 예시를 만들었습니다. :
1 -1) 페이지에서 직접 스크립트가 실행되며, 새로고침을 하면 결과를 보실 수 있습니다.

다양한 버전의 ie 브라우저에서 얻은 경고 결과는 대략 다음과 같습니다. 14 이후 범위는 8~21밀리초입니다.
Chrome19, 기본적으로 1, 범위는 다음과 같습니다. 1~5 사이인데 가끔 15 정도 나올 때도 있어요 Firefox12, 기본적으로 3, 범위가 2~7 사이인데 가끔 15 정도 나오는 경우도 있어요 Safari5.1, 기본적으로 4, 범위는 1~7 사이인데 가끔 15 정도의 값이 나오는 경우도 있음
Opera11.5, 기본적으로 5 범위는 2~8 사이인데 가끔 큰 값이 나오는 경우 ​​

1-2) div





코드 복사

위 테스트는 복잡한 페이지나 단일 탭을 방해하는 여러 탭을 열었을 때 진행되었습니다. 결과는 비슷합니다.

2) 무슨 뜻인가요?

사실 결론을 내릴 수는 없지만 테스트 결과는 기본적으로 현재 널리 사용되는 브라우저에서 js 스크립트의 효율성 순위를 반영합니다.
원인을 조사해 보면 다음과 같은 사실을 확인할 수 있습니다.
2-1) js의 주 실행 스레드는 단일 스레드이므로 이 값은 일반적으로 0보다 커야 하며, setTimeout의 실행 시점은 단지 js의 메인 실행 큐에 추가됩니다. 실행 시점은 순차적으로 실행되는 js 엔진 스레드의 큐에 따라 결정됩니다. 이 결론은 여러 곳에서 언급되었습니다. 직접 확인해 볼 수도 있습니다(예:
JavaScript는 멀티 스레드가 가능합니까? JavaScript 타이밍 메커니즘에 대한 심층적인 이해
). 이 결론은 애니메이션을 만드는 데 setTimeout을 사용하는 이유도 확인시켜 줍니다. 인기가 많을 때는 원활하지 않습니다. 그런데 문제를 설명하기 위해 백라이트 사진이 여기에 게시되었습니다.


3-2) GC 등 js 기본 실행 스레드에서 수행되는 다른 작업으로 인해 테스트 시 가끔 큰 값이 발생할 수 있습니다. 큰 값이 반복될 확률은 매우 낮기 때문입니다. 요약: 사실 아직 결론은 나지 않았는데, 그냥 어떤 상황과 결과가 나올지 궁금해서 추측하는 것뿐입니다. 다들 비판하고 고쳐주셨으면 좋겠습니다. 아니면 확실한 답을 주세요.
추가: setTimout 함수의 두 번째 매개변수가 음수이면 0과 동일한 효과를 갖습니다. If setTimeout(function(){console.log('test')},-100); setTimeout(function (){console.log('test')},0)으로 설정합니다.
오류가 보고될 줄 알았는데 어느 브라우저에서도 오류가 보고되지 않았습니다.