흙으로만든형 2022. 7. 21. 20:00

처음 시작하기에 앞서 동작원리에 대해 배워보자

https://blog.toycrane.xyz/%EC%A7%84%EC%A7%9C-%EC%89%BD%EA%B2%8C-%EC%95%8C%EC%95%84%EB%B3%B4%EB%8A%94-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC-c7fbdc44cc97

 

진짜! 쉽게 알아보는 자바스크립트 동작 원리

너무나도 어려운 비동기 동작 뿌시기

blog.toycrane.xyz

자세히 나와있다. 한번 뿌셔보자.

 

엔진은 3단계 인지를 한다.

1. 선언단계

  • ex)var,let,const 등으로 변수를 선언 하여 사용할 변수를 엔진에 알려준다.
  • 보통 선언문이 먼저 동작한다.

2. 초기화단계

  • 엔진은 초기화단계에서 초기화한 값을 저장 할 메모리를 먼저 확보한다.(호이스팅)
  • var는 암묵적으로 undefined로 실행, let과 const는 변수만 저장 선언 전까지 TDZ에 넣어둔다. 

3. 할당단계

  • 변수를 선언 하고 해당 변수에 대한 할당을 하게 되는데 한 행으로 동시에 선언과 할당이 가능하다.
  • 한 행으로 선언과 할당을 하게될 경우 초기화는 필요없어 초기화 메모리공간에 새로운 메모리를 넣는다.
  • 메모리를 사용할 필요가 없어지면 Null값을 할당한다.