[WEB]window객체

window 객체

브라우저 개발을 하다 보면, window라는 객체가 있습니다.

window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있습니다.

window는 디폴트의 개념이므로 생략할 수 있습니다.

window.setTimeout()
setTimeout() //window는 전역객체라서 생략 가능하다.

또 다른 ex) window.elert()

 

 

setTimeout() 실행 순서

예제1)

function run(){
  console.log("run start");
  setTimeout(function(){
    var msg = "hello codesquad";
    console.log(msg);
  },3000);
  console.log("run end");
}
 
run();

 

*실행결과

run start

run end

hello codesquad

 

예제2)

function run(){
  setTimeout(function(){
    var msg = "hello codesquad";
    console.log(msg);
  },3000);
}
 
console.log("run start");
run();
console.log("run end");

 

*실행결과

run start

run end

hello codesquad

 

예제3)

function run(){
  setTimeout(function(){
    var msg = "hello codesquad";
    console.log(msg);
  },3000);
  console.log("run function end");
}
 
console.log("start");
run();
console.log("end");

 

*실행 결과

start

run function end

end

hello codesquad

 

 

=> 순차적으로 run()은 이미 실행되고 반환이 끝난채 console.log("end");가 실행된다. setTimeout은 이벤트 큐에 보관되어 있다가 나중에 실행된다. 이것이 비동기 콜백함수의 특징이다.

 

비동기에 대한 개념을 잘 정리해두는 것이 좋다.

 

 

생각해보기

 

*setInterval 함수

- 일정 시간마다 반복 실행하는 함수

 

ex)

function run(){
  setInterval(playFunc=function(){
    console.log("반복 중");
  },2000);
}
 
run();