[JavaScript 변수 선언 완전 정리] var, let, const 차이와 사용법 한눈에 끝내기

실무에서는 변수 선언의 결정 순서를 명확히 지키는 것이 중요하다. 값이 절대 바뀌지 않는 상황이라면 const를, 이후에 바뀔 가능성이 있으면 let을 사용한다. 과거 방식인 var는 실무에서 거의 사용하지 않으며, ESLint 같은 도구가 경고나 에러를 유발해 팀 규칙과 자동화 도구로 금지한다.

마무리 요약은 크게 세 가지 키워드로 정리된다. 먼저 const는 사이트 이름이나 기본 설정값처럼 바뀌지 않는 값을 다룰 때 최적이다. 이렇게 고정된 값은 실수를 막고, 다른 사람도 쉽게 이 값이 변하지 않음을 이해할 수 있어 가장 안정적이다. 둘째, let은 현재 페이지 번호나 클릭 횟수처럼 값이 바뀔 가능성이 있을 때 사용한다. 값이 바뀌는 상황에서는 const가 불가능해지므로 나중에 값을 재할당해야 한다. 셋째, var는 과거에 많이 쓰이던 방식이나 지금은 금지에 가까워졌다. 버그 가능성과 블록 범위를 무시하는 특성으로 인해 코드 리뷰에서 불리하고 자동화 도구에서도 경고가 많다.

추가적으로 실수 방지 요약도 있다. 선언 키워드를 누락하면 전역 변수가 생겨 예기치 않은 문제가 발생하고, const 재할당은 불가하므로 값이 바뀌어야 할 경우에는 let을 사용한다. const만 선언하고 값을 초기화하지 않으면 SyntaxError가 난다. 중복 선언은 금지되고, 선언 전 접근은 TDZ로 차단된다. 값 없이 계산하면 NaN이 나오므로 초기값이 필요하고, 비교 연산자에서는 등호 대신 일치 비교를 사용해야 한다. 대소문자 혼동과 중첩 변수 혼동을 피하고, 값 교환은 임시 변수나 구조 분해 할당으로 안전하게 처리한다. 의미 없는 이름은 피하고, 변수의 역할이 드러나는 이름을 사용한다.

선언 순서와 관련해 TDZ나 블록 스코프를 고려해 선언 전에 접근하지 않도록 주의한다. 값 교환이나 계산에서 초기값의 중요성을 잊지 말고, 의미 있는 이름과 일관된 camelCase를 유지한다. 최종적으로, 변수 선언의 기본은 const에서 시작하고 바꿀 필요가 있을 때만 let을 사용하며, var는 사용하지 않는 것이 원칙이다. 선언은 협업과 유지보수를 위한 약속이며, 앞으로도 값의 바뀜 여부에 따라 일관된 규칙을 적용하는 습관이 필요하다. 결과적으로 변수 선언은 코드의 의미를 담는 중요한 신호이며, 좋은 습관이 코드의 품질과 협업의 효율성을 높인다.

요청 처리 중입니다...

[JavaScript 변수 선언 완전 정리] var, let, const 차이와 사용법 한눈에 끝내기

등록된 다른 글