var,let,const의 주요 차이점은 무엇인가

var,let,const는 전부 변수 선언 키워드이지만 중요한 차이점이 있다.

주요 차이 (스코프,재선언,재할당)#

let과 const는 var의 단점(함수 스코프, 재선언 가능 등)을 보완하기 위해 ES6에서 도입되었다. 블록 스코프와 재선언/재할당 규칙은 코드를 더 예측 가능하고 안전하게 만들어주기 때문에, 현대 자바스크립트 개발에서는 var대신 let과 const사용이 강력히 권장된다. const를 기본으로 사용하고, 재할당이 필요한 경우에만 let을 사용하는것이 좋다.

스코프(Scope)#

• var **함수 스코프(Function Scope)**를 갖는다. 함수 내에서 선언된 var 변수는 함수 전체에서 유효하며, 함수 외부에서는 접근할 수 없다. 블록({})스코프를 가지지 않아 if 문이나 for문 블록 내에서 선언해도 해당 블록 외부에서 접근이 가능하다.

• let,const **블록 스코프(Block Scope)**를 가진다. 변수가 선언된 블록({}),문(statement), 또는 표현식 내에서만 유효하다. 이는 변수의 유효 범위를 더 좁게 제한하여 의도치 않은 값 변경이나 충돌을 방지한다.

재선언(Redeclaration)#

• var 같은 스코프 내에서 동일한 이름으로 변수를 다시 생성해도 에러가 발생하지 않는다. 이는 실수로 변수를 덮어쓰는 문제를 일으킬 수 있다.

• let,const 같은 스코프 내에서 동일한 이름으로 변수를 다시 선언하면 SyntaxError가 발생한다.

재할당(Reassignment)#

• var,let 선언 후에 다른 값으로 재할당 하는 것이 가능하다.
• const 선언시 반드시 값으로 초기화해야 하며, 한번 할당된 후에는 다른 값으로 재할당할 수 없다(상수). 단, const로 선언된 객체나 배열의 경우, 객체 자체를 재할당할 수는 없지만 그 내부의 속성이나 요소는 변경할 수 있다(객체/배열 자체가 불변이 되는것은 아님).

비교표#