JavaScript 개념

Source: Dev.to

JavaScript에서 처음 접하고 가장 중요한 개념 중 하나는 변수입니다. JavaScript는 변수를 선언하는 세 가지 주요 방법을 제공합니다: var, let, const. 겉보기에는 비슷해 보이지만 동작 방식은 크게 다릅니다.

Variable

변수는 값을 담는 컨테이너와 같습니다. 나중에 코드에서 해당 값을 참조하거나 업데이트할 수 있도록 이름을 부여합니다.

var – 옛 방식

var의 주요 특징

• 함수 스코프
• 재선언 가능
• 업데이트 가능

예시

// Declaration
var age = 16;

// Updating
age = 18;

// Redeclaring (may overwrite values unexpectedly)
var age = 20; // <-- allowed, but can lead to bugs

let

var가 초래한 많은 문제를 해결하기 위해 도입되었습니다.

let의 주요 특징

• 블록 스코프
• 업데이트 가능
• 같은 스코프 내에서 재선언 불가

예시

let score = 10;

// Updating
score = 15;

// Redeclaring in the same block causes an error
// let score = 20; // Uncaught SyntaxError: Identifier 'score' has already been declared

const

절대 변하지 않아야 하는 고정값에 사용됩니다.

const의 주요 특징

• 블록 스코프
• 업데이트 불가
• 재선언 불가
• 즉시 초기화해야 함

예시

const country = "Nigeria";

// Attempting to reassign throws an error
// country = "Ghana"; // Uncaught TypeError: Assignment to constant variable.

올바른 변수 타입 사용의 장점

• 의도치 않은 재할당이나 재선언으로 인한 버그 방지
• 코드가 더 읽기 쉽고 의도를 명확히 드러냄
• 가변성을 명확히 표시함으로써 유지보수성 향상

베스트 프랙티스

• 기본적으로 const 사용 – 값이 변하지 않아야 할 때.
• 값을 업데이트해야 할 때는 let 사용.
• 현대 JavaScript에서는 특별히 함수 스코프가 필요하지 않은 한 var 사용을 피함.