23_10_08 JS공부정리

https://www.youtube.com/watch?v=XkOxLB7MCIk&list=PLcqDmjxt30RvEEN6eUCcSrrH-hKjCT4wt&index=97 

[제로초강의] 11.1강~

 

-이벤트루프

이벤트루프와 호출스택 개념도

- 호출스택 :  코드가 순차적으로 실행되는 공간

- 백그라운드  : addEventListener, setTimeout, Ajax 호출 등이 들어가있는곳

- 태스크 큐 : addEventListener, setTimeout, Ajax 호출로 쓸 콜백함수들이 들어가있는 공간

- 이벤트루프 : 호출스택이 비어있을때 태스크 큐에있는 코드들을 호출스택으로 하나씩 옮기는 역할을 함.

https://www.youtube.com/watch?v=v67LloZ1ieI (코딩애플 영상 참고)

 

- console.trace()는 함수의 호출스택을 알려주는 함수이다.

- 크롬은 항상 가장 큰 함수인 anonymous를 실행하고 그다음 순차적으로 함수들을 실행함

function a(){

    b();

    console.log('c')

}

function b() {

    console.trace();

}

a();

-이 코드의 경우 아래와 같은 결과가 나옴.

아래에서부터 호출된 순서(만나는 순서)이고, 위에서부터 실행된다.

 

-JS의 NaN은 독특한 특성이 잇는데, NaN === NaN을 하면 false가 나온다는 것이다.

따라서 NaN인지 확인하기 위해서는 isNaN()을 사용해야한다.

  function checkTotal() {

    if(total%2 === 1) {

      alert('짝수만 입력해주세요');

      getTotal();

    } else if(isNaN(total)){ //isNaN을 통해 total이 숫자인지 알아보는것.

      alert('숫자를 입력해주세요');

      getTotal();

    } else if (total > 20 || total <= 0){

      alert('20이하의 자연수를 입력해주세요');

      getTotal();

    }

  }

 

  function getTotal() {

    total = parseInt(prompt('몇개의 카드로 하시겠습니까?(최대 20개)', 12));

    checkTotal();

  }