프론트엔드
-
호이스팅(Hoisting)과 클로저(Closure)frontend/javascript&web 2022. 2. 8. 23:18
Concept By 호이스팅과 클로저(Concept By Hoisting & Closure) 호이스팅(Hoisting) 변수 및 함수 선언 부가 유효 범위 최상단으로 올라가는 현상 앞서 우리는 실행 컨텍스트와 콜 스택 관련 글에서 함수와 변수 등이 메모리에 적재되는 과정을 볼 수 있었습니다. 이러한 적재과정에서 벌어지는 유효범위 최상단으로 선언부가 끌어올려지는 특성을 호이스팅이라고 부릅니다. 예시와 함께 알아 보겠습니다. 예시 console.log(writer); var writer = "류호진"; 이 코드를 바탕으로 우리는 이제 실제 동작 과정을 한번 보겠습니다. var writer = "류호진"; // (1) 전역 컨텍스트의 메모리 writer : 류호진 (1) 스크립트가 실행되면 전역 실행 컨텍스트..
-
콜 스택(Call Stack)frontend/javascript&web 2022. 2. 6. 10:10
Concept By 콜 스택 (Concept By Call Stack) 실행 컨텍스트 현재 실행되고 있는 실행 컨텍스트를 추적하기 위한 구조체 앞서 실행 컨텍스트에 대해 알아 보았으니 그것을 추적하기 위한 구조체인 콜스택에 대해서 예제와 함께 알아보겠습니다. 예시 function sayAtoB(a,b){ // (1) let message = `${a}님이 ${b}님을 호출하셨습니다.`; return message; } function employee(a,b,func){ // (2) let result func(a,b) return result; } let action = employee("류호진","홍길동",sayAtoB); // (3) 전역 실행 컨택스트 전역 메모리 sayAtoB : fn (1) em..