var, let, const의 차이점

안녕하세요! 오늘은 var, let, const 차이점에 대해 말씀드리겠습니다 🍀

---

각 종류별 설명 및 예시코드

• 자바스크립트에서는 변수를 선언할 때 var, let, const 키워드를 사용할 수 있습니다. 각 키워드는 변수의 선언과 동작 방식에 차이가 있습니다.

01. var

• 중복 선언 가능: 동일한 변수 이름으로 여러 번 선언할 수 있습니다.
• 함수 스코프: 함수 내에서 선언된 경우 함수 내에서만 접근 가능하며, 함수 밖에서는 접근할 수 없습니다.
• 호이스팅: 변수 선언이 코드의 최상단으로 끌어올려지지만, 값의 할당은 그대로 유지됩니다.

var name = "Alice";
var name = "Bob"; // 중복 선언 가능
console.log(name); // "Bob"

02. let

• 중복 선언 불가능: 동일한 변수 이름으로 중복 선언할 수 없습니다.
• 블록 스코프: 블록({}) 내에서 선언된 경우 해당 블록 내에서만 접근할 수 있습니다.
• 재할당 가능: 선언된 변수에 새로운 값을 할당할 수 있습니다.

let age = 25;
// let age = 30; // 오류 발생: 중복 선언 불가능
age = 30; // 재할당 가능
console.log(age); // 30

03. const

• 중복 선언 불가능: 동일한 변수 이름으로 중복 선언할 수 없습니다.
• 블록 스코프: 블록({}) 내에서 선언된 경우 해당 블록 내에서만 접근할 수 있습니다.
• 재할당 불가능: 선언된 변수에 새로운 값을 할당할 수 없습니다. 그러나 객체나 배열의 경우, 그 속성이나 요소는 변경할 수 있습니다.

const PI = 3.14;
// const PI = 3.14159; // 오류 발생: 중복 선언 불가능
// PI = 3.14159; // 오류 발생: 재할당 불가능

const person = { name: "Alice" };
person.name = "Bob"; // 객체 속성 변경 가능
console.log(person.name); // "Bob"

---

• var: 중복 선언이 가능하며 함수 스코프를 가집니다.
• let: 중복 선언이 불가능하며 블록 스코프를 가지며 재할당이 가능합니다.
• const: 중복 선언이 불가능하며 블록 스코프를 가지며 재할당이 불가능하지만, 객체나 배열의 속성 변경은 가능합니다.

각 키워드의 특성을 이해하고 적절하게 사용하면 코드의 가독성과 유지 보수성을 높일 수 있습니다. 오늘은 var, let, const 차이점에 대해 알아보았습니다 유익한 시간 되셨길 바라며 이만 마치겠습니다 🤓