[javascript] 변수선언 방식(var, let, const)

1. var

- 동일한 변수명으로 재선언 가능

- 함수 내에서는 지역변수화 되나, 다른 블록 안에서는 전역변수화 됨

if(true)
{
    var a = 5;        // 블록 내부에 선언
    console.log(a);    // 5
}
 
console.log(a);        // 전역변수화 되어 5
 
function t()
{
    var b = 10;
    console.log(b);    // 10
}
 
console.log(b);        // 함수 내 선언된 변수는 지역변수화되어 에러 발생
 
var c = 1;
var c = 2;            // 재선언 

 

 

2. let

- ES6에서 const와 함께 추가된 새로운 선언 방식

- 동일한 변수명으로 재선언 불가

- block-scoped로 함수, if문 등을 포함한 블록 안에서 선언 시 지역변수처럼 쓰임

if(true)
{
    let a = 5;        // 블록 내부에 선언
    console.log(a);    // 5
}
 
console.log(a);        // 블록 내부에 선언된 변수는 지역변수화 되어 에러 발생
 
function t()
{
    let b = 10;
    console.log(b);    // 10
}
 
console.log(b);        // 함수 내 선언된 변수는 지역변수화되어 에러 발생
 
let c = 1;
let c = 2;            // 재선언 불가. 에러 발생

 

3. const

- 상수화. 재선언 및 재할당 모두 불가

- 선언 시 반드시 값을 할당해야 하며, 할당하지 않을 시 선언 불가

const a = 10;         // 선언 시 반드시 값을 할당 하여야 함.
 
a = 15;                // 선언 후 재할당 불가. 에러 발생.
const b;            // 선언 시 값을 할당하지 않아 에러 발생.
 
if(true){
    const c = 10;
    console.log(c);    // 10
}
 
console.log(c);        // 블록 내 변수는 지역변수로 외부에서 접근 불가. 에러 발생.

 

 

---

[참고사이트]

https://blog.naver.com/rnjsrldnd123/221502769952

https://blog.naver.com/yhw7979/221872860584