setTimeout 함수에 대한 빠른 팁

JavaScript에는 event loop 가 있습니다.

따라서 Web Workers 가 없으면 JavaScript는 단일 스레드, 비차단, 비동기, 동시 언어입니다.

setTimeout 함수로 무엇을 할 수 있습니까?
지연 후 코드의 일부 실행을 시작할 수 있습니다.

The delay may be longer than intended .

setTimeout(() => console.log('After the delay'), 5000);

console.log('Before the delay');

// Printed => 'Before the delay'
// After ≈ 5 secondes => 'After the delay'

하나 더

가끔 이런 종류의 코드를 볼 수 있습니다.

setTimeout(() => {someHTMLNode.style.color = 'yellow'}, 0)

우리는 노드 요소(DOM 요소)의 속성을 조작하고 있습니다.
그러나 DOM이 준비되지 않았습니다someHTMLNode가 존재하지 않습니다.
setTimeout(fn, 0)는 해결 방법입니다. DOM 렌더링 후에 애정을 늦출 수 있습니다!

그럼요, 잘 활용하세요!


저는 영어가 모국어가 아니므로 올바른 구문/문법/문장으로 제 기사를 개선하고 싶다면 미리 감사드립니다.

모든 종류의 의견을 수용 할 수 있습니다 :)

Icons8 Team의 Unsplash 표지