[Javascript] ⑬ 자바스크립트 var, let, const

▶자바스크립트 var, let, const

1) 변수의 종류

① var

자바스크립트의 기본 변수로 초기에 만들어진 변수입니다.

② let

나중에 추가된 변수로 블록 범위 변수입니다.

③ const

나중에 추가된 변수로 블록 범위이면서 상수입니다.

 

2) var, let, const의 차이점

변수의 종류에 3가지에 대해 알았으니 이제 셋의 차이점에 대해서 알아봅시다.

아래와 같은 세가지 차이점을 가집니다.

1. 중복선언 가능 여부
2. 재할당 가능 여부
3. 변수 사용 범위(스코프 유효범위)

변수 하나하나 특징을 살펴보자면 아래와 같습니다.

var	let	const
변수 선언 및 사용범위는 전역 범위	변수의 선언 및 사용 범위는 로컬 범위	변수의 선언 및 사용 범위는 로컬 범위
재(중복) 선언 O, 재할당 X	재(중복) 선언 X, 재할당 O	재(중복) 선언 X, 재할당 X

 

전역 범위와 로컬 범위에 관한 코드 설명은 아래와 같습니다.

if (true) {
        var var1 = "123";
        let var2 = "456";
        const var3 = "789";

        console.log(var1);
        console.log(var2);
        console.log(var3);
    }

    console.log(var1);
    // console.log(var2);  // 블록 범위를 벗어나서 에러
    // console.log(var3);  // 블록 범위를 벗어나서 에러

즉 같은 {} 내에서 선언이 되었을 때 {} 밖에서 사용할 수 있는 변수는 전역 범위인 var 뿐입니다.

로컬 범위인 let과 const로 선언한 변수는 로컬 밖에서 사용하게 되면 에러가 발생하게 됩니다.

 

---

여기까지 자바스크립트 var, let, const에 대해 알아보았습니다.

코드의 길이가 굉장히 길어지거나 다른 사람과 협업을 하여 작성을 하는 경우

위에서 var로 선언한 변수를 밑에서 다시 사용하여 의도치 않은 문제가 발생할 수 있겠습니다.

그렇기 때문에 요즘에는 이런 문제를 방지하고자 let이나 const로 선언한다고 합니다 :)