JavaScript에서 setTimeOut() 사용

때로는 코드에서 함수의 동작을 지연시키는 것이 정말 유용할 수 있습니다. 이것이 제가 오늘 이야기할 내용입니다!

다음 코드를 상상해보십시오.

console.log("Hey, ")
console.log("you?")
console.log("how ")
console.log("are ")

이것은 우리에게 "안녕하세요? 어때요?"를 반환할 것입니다. 정말 의미가 없습니다. (분명히 가장 간단하고 빠른 수정은 console.log를 재구성하거나 한 줄로 결합하되 열린 마음을 유지하는 것입니다.) "setTimeOut()"이라는 JavaScript 함수를 사용하면 지정된 밀리초 후에 함수의 동작을 지연할 수 있습니다. setTimeOut()은 일반적으로 매개 변수 중 하나로 콜백 함수 또는 익명 함수를 사용하고 다른 매개 변수로 숫자를 사용합니다.
예를 들어:

setTimeOut(() => {console.log("delayed message")}, 500)

이렇게 하면 "지연된 메시지"가 500밀리초 지연됩니다.

따라서 예제로 사용한 초기 코드로 돌아가겠습니다. 이제 console.log("you?")에서 setTimeOut()을 사용하여 다른 두 메시지가 이미 콘솔에 기록될 때까지 지연되도록 할 수 있습니다.

console.log("Hey, ")
setTimeOut(() => {console.log("you?")}, 500)
console.log("how ")
console.log("are ")

이제 "안녕하세요?"를 반환해야 합니다.

이것은 JavaScript에서 setTimeOut() 함수를 활용하는 방법의 간단한 예일 뿐입니다. 내가 사용한 한 가지는 공개 API에서 해당 함수에서 사용하던 모든 데이터를 가져올 때까지 함수 호출을 지연시키는 것입니다. 렌더링/실행/등으로 어려움을 겪고 있는 경우 도움이 되도록 이 기능을 코드에 구현할 수 있는 다른 많은 방법이 있습니다(필요한 경우). 당신이 실제로 그것을 원하기 전에.

그러나 한 가지 주의할 점은 지연되기를 원하는 정확한 시간(밀리초)을 파악하는 것이 상당히 어려울 수 있다는 점입니다. 이는 단점입니다. 위에서 사용한 예에서 실제로 우리 컴퓨터는 다른 세 메시지를 콘솔에 기록하는 데 500ms가 필요하지 않지만 사람에게는 그다지 눈에 띄지 않습니다.

여러분이 setTimeOut()에 대한 제 짧은 게시물을 즐겼기를 바라며 이것이 언젠가 여러분에게 유용할 것입니다 :) !