JavaScript에서 데이터 저장 및 관리: 변수의 이해와 활용

자바스크립트 변수

자바스크립트에서 변수는 데이터를 저장하는 데 사용되는 '컨테이너'입니다. 변수를 통해 데이터에 이름을 붙여 프로그램 전반에 걸쳐 쉽게 데이터를 참조하고 사용할 수 있습니다.

변수 선언

자바스크립트에서 변수를 선언하는 방법은 주로 var, let, const 세 가지 키워드를 사용합니다.

var

• 구식 방식이지만 여전히 널리 사용됩니다.
• 함수 레벨 스코프를 가집니다.

  var name = '홍길동';

let

• ES6부터 추가된 방식입니다.
• 블록 레벨 스코프를 가집니다.
• 값의 변경이 가능합니다.

  let age = 25;

const

• 상수를 선언할 때 사용합니다.
• 블록 레벨 스코프를 가집니다.
• 선언 후 값의 변경이 불가능합니다.

  const PI = 3.14;

스코프(Scope)

스코프는 변수가 존재하는 범위를 의미합니다. var, let, const에 따라 스코프가 달라집니다.

전역 스코프(Global Scope)

• 코드의 모든 범위에서 참조할 수 있습니다.

  var globalVar = '전역 변수';

함수 스코프(Function Scope)

• var로 선언된 변수는 함수 내에서만 유효합니다.

  function test() {
  var functionVar = '함수 내 변수';
  }

블록 스코프(Block Scope)

• let과 const는 블록(중괄호 {}) 내에서만 유효합니다.

  if (true) {
  let blockVar = '블록 내 변수';
  }

호이스팅(Hoisting)

호이스팅은 변수를 선언하기 전에 사용할 수 있게 하는 자바스크립트의 기본 동작입니다. var로 선언된 변수는 호이스팅되어 함수의 최상단으로 끌어올려집니다.

console.log(hoistedVar); // undefined
var hoistedVar = '호이스팅 예시';

변수 명명 규칙

• 첫 글자는 보통 문자, 밑줄(_), 또는 달러 기호($)로 시작해야 합니다.
• 숫자로 시작할 수 없습니다.
• 대소문자는 구분됩니다.

예제

여기에는 변수 사용의 다양한 예시가 포함됩니다.

문자열 변수

var greeting = '안녕하세요';
console.log(greeting);

숫자 변수

let score = 100;
console.log(score);

상수

const gravity = 9.81;
console.log(gravity);