나의 생각을 끄적이는 공간

블로그 이미지

Wooni0477

카테고리

  • 분류 전체보기 (118)
    • 프로그래밍 정리 (102)
      • Front (5)
      • Java (2)
      • JSP, Servlet, DB(oracle) (33)
      • JavaScript (0)
      • Spring (22)
      • Oracle (28)
      • Vue (1)
      • API (1)
      • err (5)
      • ERD (1)
      • etc.. (4)
    • BoostCourse (15)
      • HTML/CSS (7)
      • JavaScript (4)
      • JSP (4)
    • 공부 자료들.. (0)
    • 기타 (0)
    • --------------------------- (0)
    • 끄적이는공간.. (0)
      • 이벤트 (0)
      • 여행 (0)

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

Java Script 기본 정리4 - 함수 호출 스택 과 window 객체

BoostCourse/JavaScript 2019. 11. 18. 19:29
반응형

Java Script 기본 정리4 - 함수 호출 스택


-window 객체

대표적으로 window.setTimeout 메소드를 사용할 수 있다.

전역객체이므로 window 생략가능하다.




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

run();


setTimeout은 위와 같이 쓸수 있으며

안에있는 함수를 wait 할 수 있다.



-스택과 이벤트 관계

setTimeout 함수는 비동기 메소드 이다.


비동기 메소드는 모든 스택이 완료 후 실행된다.



예를 들어보자


예제1


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


console.log("start");
run();

console.log("end");

setTimeout 메소드는 비동기 메소드 이기때문에

아무리 0초라도 제일 마지막에 실행된다.


결과

start           //첫번째 실행

end

excute end

hello         //마지막 실행









반응형
저작자표시 비영리 변경금지 (새창열림)

'BoostCourse > JavaScript' 카테고리의 다른 글

Java Script 기본 정리3 (if, for, typeof, split)  (0) 2019.11.18
Java Script 기본 정리2 - 비교연산자(AND,OR,undefined, null, NaN)  (0) 2019.11.11
Java Script 기본 정리 - alter, 수학함수, 숫자와 문자  (0) 2019.11.11
Posted by Wooni0477
방명록 : 관리자 : 글쓰기
Wooni0477's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

나의 생각을 끄적이는 공간

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 분류 전체보기 (118)
    • 프로그래밍 정리 (102)
      • Front (5)
      • Java (2)
      • JSP, Servlet, DB(oracle) (33)
      • JavaScript (0)
      • Spring (22)
      • Oracle (28)
      • Vue (1)
      • API (1)
      • err (5)
      • ERD (1)
      • etc.. (4)
    • BoostCourse (15)
      • HTML/CSS (7)
      • JavaScript (4)
      • JSP (4)
    • 공부 자료들.. (0)
    • 기타 (0)
    • --------------------------- (0)
    • 끄적이는공간.. (0)
      • 이벤트 (0)
      • 여행 (0)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바