hoisting 2

자바스크립트 - Execution Context (실행 컨텍스트)

1. Execution Context (실행 컨텍스트) 란? scope, hoisting, this, function, closure 등의 동작 원리를 담고있는 자바스크립트의 핵심 원리입니다. 실행 가능한 코드가 실행되기 위해 필요한 환경이라고 말할 수 있습니다. 자바스크립트 엔진에 의해 실행 컨텍스트 내부에는 코드 실행에 필요한 정보들이 저장됩니다. 2. 실행 컨텍스트 생성, 삭제 과정 아래 코드는 실행 컨텍스트의 생성과 삭제 과정을 잘 표현해 주는 코드입니다. var x = 'xxx'; function foo () { var y = 'yyy'; function bar () { var z = 'zzz'; console.log(x + y + z); } bar(); } foo(); 코드의 실행 과정을 실행..

Frontend/JS 2022.03.23

자바스크립트 기본 - 함수 표현식, 콜백 함수 (callback)

함수 표현식 함수를 만드는 방법은 2가지 입니다. 함수 선언식( Function Declaration ), 함수 표현식( Function Expression ) 자바스크립트는 함수를 특별한 종류의 '값' 으로 취급합니다 그렇기 때문에 변수에 값을 할당하듯 함수를 할당할 수 있습니다. let hello = function(){ console.log("hello") } hello() // hello 함수는 hello변수에 할당된 '값'이기 때문에 출력이 가능합니다. 함수 코드가 문자형으로 변경되어 출력됩니다. console.log(hello)// ---> ƒ (){ // ---> console.log("hello") // ---> } 함수가 '값' 이기 때문에 변수를 복사해 다른 변수에 할당할 수 있습니다!..