[javascript] 전역 변수와 지역 변수의 차이점

자바스크립트에서 변수는 전역 변수와 지역 변수로 나뉩니다. 이들 사이에는 몇 가지 중요한 차이점이 있습니다. 이번 글에서는 전역 변수와 지역 변수가 무엇이며, 그들 간의 차이점은 무엇인지 알아보겠습니다.

1. 전역 변수

전역 변수는 어떤 함수 안에서도 선언되지 않은 변수로, 스크립트 전체에서 접근할 수 있습니다. 전역 변수를 사용할 때는 주의해야 합니다. 왜냐하면 여러 함수나 모듈 간에 변수 값이 충돌할 수 있기 때문입니다.

아래는 예시 코드입니다.

var globalVar = 10;

function testFunction(){
  console.log(globalVar); // 출력: 10
}

testFunction();
console.log(globalVar); // 출력: 10

2. 지역 변수

지역 변수는 어떤 함수 안에서 선언된 변수로, 해당 함수 내부에서만 접근할 수 있습니다.

function testFunction(){
  var localVar = 5;  // 이 변수는 testFunction 안에서만 접근 가능
  console.log(localVar); // 출력: 5
}

testFunction();
console.log(localVar); // 에러: localVar는 정의되지 않았습니다

3. 차이점

전역 변수와 지역 변수를 올바르게 구분하여 사용한다면 변수 충돌 문제를 방지하고 효율적인 코드를 작성할 수 있을 것입니다.

마무리

전역 변수와 지역 변수는 자바스크립트에서 변수의 범위에 대한 중요한 역할을 합니다. 이를 올바르게 이해하고 활용한다면 더욱 견고한 코드를 작성할 수 있을 것입니다.

참조: MDN web docs - var