#4 - 자바스크립트의 변수

자바스크립트에서 변수를 선언할때 사용하는 키워드

1. var
   JavaScript에서 변수를 선언하는 태초의 방법이었습니다. var로 선언된 변수는 선언된 위치에 따라 함수 범위 또는 전역 범위를 갖습니다. 또한 범위의 맨 위로 호이스팅되므로 선언되기 전에 액세스할 수 있습니다. 그러나 var에는 변수 재선언 및 블록 범위 부족과 같은 몇 가지 단점과 잠재적인 문제가 있습니다.

2. let
   let 키워드는 var의 제한 사항을 해결하기 위해 ES6(ECMAScript 2015)에 도입되었습니다. let으로 선언된 변수에는 블록 범위가 있습니다. 즉, 변수가 선언된 블록 내에서만 액세스할 수 있습니다(예: 루프 또는 if 문 내부). var와 달리 let은 변수 선언을 범위의 맨 위로 끌어올리지 않으므로 액세스하기 전에 변수를 선언해야 합니다. 또한 'let'을 사용하면 변수를 새 값으로 재할당할 수 있습니다.

3. const
   const 키워드는 ES6에도 포함되었으며 상수를 선언하는 데 사용됩니다. const로 선언된 변수는 블록 범위이며 이름에서 알 수 있듯이 값이 할당되면 값을 다시 할당할 수 없습니다. 그러나 const는 변수 자체를 불변으로 만들지 않는다는 점에 유의해야 합니다. 변수의 재할당만 방지합니다. 변수가 개체 또는 배열을 보유하는 경우 개체 또는 배열의 속성이나 요소를 계속 수정할 수 있습니다.

//var 사용예시
var x = 10;
if (true) {
  var x = 20;
  console.log(x); // Output: 20
}
console.log(x); // Output: 20

//let 사용예시
let y = 10;
if (true) {
  let y = 20;
  console.log(y); // Output: 20
}
console.log(y); // Output: 10

//const 사용예시
const z = 10;
// z = 20; // 에러발생!: Assignment to constant variable.
console.log(z); // Output: 10

//객체와 배열을 이용한 예시
const person = { name: 'John', age: 30 };
person.age = 35; // Modifying the property of a constant object
console.log(person); // Output: { name: 'John', age: 35 }

const numbers = [1, 2, 3, 4];
numbers.push(5); // Modifying the elements of a constant array
console.log(numbers); // Output: [1, 2, 3, 4, 5]

• 위 예제에서 알 수 있듯이 const는 재할당할 수 없는 읽기 전용 변수를 생성하지만 객체 또는 배열인 경우에는 변수의 내용을 변경할 수 있도록 허용합니다.