프론트엔드 개발자 신상오
article thumbnail
[JavaScript] var, let, const 자세하게 비교하기
Javascript 2023. 3. 6. 02:21

작성 목적 최근 면접을 보면서 받은 질문이고 아주 기초적인 내용이지만 답변을 깔끔하게 못했음 개념을 알고는 있지만 설명하는 연습을 많이 안 해본게 가장 큰 원인이라는 생각이 들어서 설명하는 연습을 해보기 위해서 글을 작성했다. 단순히 var, let,const 키워드만 정리하는게 아니라 TDZ, 호이스팅, 스코프와 같은 관련 개념도 함께 다룸 var, let, const 차이점 정리표 선언 재선언 재할당 var undefined로 초기화 가능 가능 let 초기화 x 불가능 가능 const 초기화 x 불가능 불가능 재선언 이미 선언된 변수명을 다시 선언하는 것 var 변수1; // var 첫번째 선언 var 변수1; // var 두번째 선언 : ok let 변수2; // let 첫번째 선언 let 변수2;..

article thumbnail
[JavaScript] 스코프 : 식별자의 유효범위
Javascript 2023. 1. 27. 20:36

들어가며 이번주 면접 스터디 주제가 스코프, 클로저, 프로미스, this, 프로토타입 등 JS 개념들인데 전체적으로 쭉 어보니 스코프를 제대로 알지 못하면 나머지는 이해하기 힘들거라 생각되어 스코프 개념을 우선 공부했고 그중 핵심이라고 생각하는 부분을 요약해봤습니다. 스코프 식별자를 참조할 수 있는 유효범위 유효범위는 식별자가 선언된 위치로 결정된다. Ex) var x = "global"; function foo() { var x = "local"; console.log(x); // (1) } foo(); console.log(x); // (2) 위 예제 코드에서 코드 가장 바깥 영역에서 선언된 x는 전역에서 참조가능하지만 함수 foo 내부에서 선언된 x는 함수 내부에서만 참조 가능 스코프 체인 '함수가..