[javascript] 지역 변수의 선언 방법과 사용 방법

05 Dec 2023

javascript

JavaScript에서 변수는 전역 변수와 지역 변수로 나뉩니다. 지역 변수는 함수 내에서 선언되고 사용되는 변수로, 해당 함수 내에서만 유효합니다. 이 글에서는 지역 변수의 선언과 사용 방법에 대해 자세히 알아보겠습니다.

변수 선언하기

지역 변수를 선언하는 방법은 전역 변수와 동일합니다. var, let, const 키워드를 사용하여 변수를 선언할 수 있습니다. 다음은 각 키워드의 사용 예시입니다.

var: 함수 스코프를 가지는 변수를 선언할 때 사용합니다.
let: 블록 스코프를 가지는 변수를 선언할 때 사용합니다.
const: 상수를 선언할 때 사용합니다.

function myFunction() {
  var localVar = 10;
  let blockVar = 20;
  const constantVar = 30;

  // 여기서 변수 localVar, blockVar, constantVar을 사용할 수 있습니다.
}

변수 사용하기

지역 변수는 해당 변수가 선언된 함수 내에서만 사용할 수 있습니다. 함수 외부에서는 접근할 수 없습니다. 따라서, 함수 외부에서는 접근할 필요가 없는 정보를 지역 변수로 선언하는 것이 좋습니다.

function myFunction() {
  var localVar = 10;

  console.log(localVar); // 10

  // 다른 코드 작성

  console.log(localVar); // 10
}

console.log(localVar); // Error: localVar is not defined

변수 덮어쓰기

지역 변수는 동일한 이름의 전역 변수나 다른 지역 변수를 덮어쓸 수 있습니다. 이때 해당 변수는 지역 범위 내에서만 변경됩니다.

var globalVar = 10;

function myFunction() {
  var localVar = 20;

  console.log(localVar); // 20
  console.log(globalVar); // 10

  var globalVar = 30; // 지역 변수가 전역 변수를 덮어쓰기

  console.log(localVar); // 20
  console.log(globalVar); // 30
}

console.log(globalVar); // 10

위의 예시에서 var globalVar = 30;은 globalVar 변수를 재선언하는 것이 아니라 지역 변수를 선언하는 것입니다.

참조

MDN web docs: Variable scope