[javascript] 지역 변수의 개념과 특징

지역 변수는 프로그램 내에서 특정한 범위 내에서만 사용되는 변수를 의미합니다. 이 변수들은 함수 내부에서 선언되거나 블록 내에서 선언될 수 있으며, 선언된 범위 내에서만 접근할 수 있습니다.

지역 변수의 선언

JavaScript에서 지역 변수는 var, let, const 키워드를 사용하여 선언됩니다. 이들 키워드는 변수의 범위를 명시해주는 역할을 합니다.

var

var 키워드는 함수 스코프 내에서 변수를 선언합니다. 즉, 변수가 선언된 함수 내에서만 접근할 수 있으며, 함수 외부에서 선언하더라도 전역 변수로 취급됩니다.

function myFunction() {
  var localVar = '지역 변수';
  console.log(localVar);
}

myFunction(); // 출력: "지역 변수"
console.log(localVar); // 에러: 변수가 정의되지 않음

let

let 키워드는 블록 스코프 내에서 변수를 선언합니다. 즉, 변수가 선언된 블록 내에서만 접근할 수 있습니다.

function myFunction() {
  if (true) {
    let localVar = '지역 변수';
    console.log(localVar);
  }
}

myFunction(); // 출력: "지역 변수"
console.log(localVar); // 에러: 변수가 정의되지 않음

const

const 키워드는 읽기 전용(read-only) 변수를 선언합니다. 한 번 할당된 값은 변경할 수 없습니다. 또한 const 변수는 블록 스코프 내에서 선언됩니다.

function myFunction() {
  if (true) {
    const PI = 3.1415;
    console.log(PI);
  }
}

myFunction(); // 출력: 3.1415
console.log(PI); // 에러: 변수가 정의되지 않음

지역 변수의 우선순위

지역 변수와 전역 변수의 이름이 충돌할 경우, 지역 변수가 우선적으로 사용됩니다.

var x = '전역 변수';

function myFunction() {
  var x = '지역 변수';
  console.log(x);
}

myFunction(); // 출력: "지역 변수"
console.log(x); // 출력: "전역 변수"

정리