코드를 느껴바라

호이스팅이 뭔가?JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리 공간에 할당되는 현상을 의미한다.앞선 포스팅에서 정리해두었으니 함수호이스팅이나 정보는 이곳으로 가보시길 추천드림.변수 호이스팅변수 호이스팅에서는 변수 선언 키워드에 따라 약간의 차이점이 있다.스코프에 대해서 설명한 포스팅에서도 차이점이 있었던 것을 확인할 수 있었는데각 각의 var, let, const에 대해서 어떻게 변수 호이스팅이 동작하는지 설명해보도록 하겠다.varconsole.log(a); // undefinedvar a = 10;console.log(a); // 10실제 코드가 이렇다 할때첫 로그출력에서는 var a가 호이스팅이 되어 선언자체는 되어서 에러없이 초기값 할당전 값인 undefined로 출력이 된다.그..

호이스팅(Function Hoisting)이란?사전적의미로 '끌어올리다'라는 뜻을 가진다.JS에서도 비슷한 의미로 함수 내의 변수 및 함수 선언을 각 유효 범위의 최상단으로 끌어 올려주는JS의 독특한 특징을 일컫는다. 함수, 변수 호이스팅에 대해서 설명해볼 생각인데우선 이번 포스팅에선 함수 호이스팅을 설명하겠다.예시를 보면 더 이해가 쉽다.함수 호이스팅 예시 코드sayHello();function sayHello() { console.log("안녕하세요!");}이러한 코드가 가능한 것은 함수 선언문이 호이스팅 시(컴파일 시점) 함수 전체가 메모리에 등록되기 때문이다.함수 표현식에서는 어떨까?sayHello(); // ❌ 오류 발생const sayHello = function() { console.lo..

도입부변수와 함수가 어떤 공간(Scope) 에서 선언되고 활용되는지를 이해하지 못하면, 의도치 않은 버그나 예측 불가능한 동작이 발생하기 쉽기 때문에 오늘은 스코프와 클로저의 기본 개념과 예시를 저 또한 자세히 알지 못해서 공부할겸 정리해보았다.스코프란? 🔍변수가 유효하게 접근할 수 있는 범위(영역) 를 말한다. 자바스크립트에서는 크게 아래 세 가지가 있다고 하는데글로벌 스코프모든 범위(함수, 블록 등) 바깥쪽의 최상위 영역var globalVar = 10; function foo() { console.log(globalVar); // 어디서든 접근 가능 }여기서 착각할 수 있는게 static과 같은 느낌이지만 엄연히 다르다고 한다.C++이나 Java처럼 미리 데이터 부분에 할당되고 이러한 방식..