Web/Frontend

[JS] window 객체 (setTimeout)

WakaraNai 2021. 5. 7. 17:25
728x90
반응형

window 전역 객체

window는 전역 객체므로 생략 가능

//window.setTimeout()
setTimeout()  

 

 

 

setTimeout 

콜백 함수를 사용하고 싶을 때 쓰는 함수입니다. 

setTimeout() 안에 적은 함수가 콜백 함수 입니다.

당장 실행되지 않고 원하는 시점에 실행될 수 있도록 해줍니다.

함수의 매개변수로 함수를 넘겨줄 수 있습니다.

function run() {
    setTimeout(function() {
        var msg = "hello codesquad";
        console.log(msg);  //이 메시지는 즉시 실행되지 않습니다.
    }, 1000);
}

run();

 

 

콜백 함수이니 당연히 비동기(asynchronous)로 실행됩니다.

즉, 동기적인 다른 실행이 끝나야 실행됩니다.

스택에 쌓여있는 함수의 실행이 끝나고, 스택이 다 비워지고 나서 실행됩니다.

 

 

자바스크립트의 비동기 관련 코드로 

setInterval 메소드도 있습니다. 비슷한 구조로 동작합니다.

728x90
반응형

'Web > Frontend' 카테고리의 다른 글

DOM Node(API) 조작하기  (0) 2021.05.19
AJAX  (0) 2021.05.07
Event Handler  (0) 2021.05.07
DOM, querySelector  (0) 2021.05.07
HTML 기초에 센스 더하기  (0) 2021.02.08