IT/Javascript

자바스크립트(javascript) 변수란 무엇인가? var let const

꿍짱 2024. 4. 3. 23:46
반응형

변수란?

자바스크립트(JavaScript)에서 변수는 데이터를 저장하고 참조하기 위한 식별자(identifier) 이다.

변수는 다양한 종류의 데이터를 저장할 수 있으며, 프로그램 내에서 데이터를 조작하는 역할을 한다.

 

변수를 사용하면 값을 여러 번 사용할 필요 없이 변수명을 부여하여 쉽게 사용할 수 있다.

또한 변수를 사용하면 프로그램의 유지보수성이 향상되고, 코드를 읽기가 쉬워집니다.

 

간단하게 예제를 보자

// 변수 선언 및 값 할당
var number = 30;

// 변수 참조 및 출력
console.log(name) // 결과 값 30

// 변수 값 변경
number = 10;
console.log(name) // 결과 값 10

 

위 코드에서 number은 변수이다.

처음 변수를 선업하고 number에 30이라는 값을 할당 하였다.

이때 console.log로 number의 값을 출력을 해보면 값은 30이 된다.

console.log는 개발자 도구의 console창에서 확인 할 수 있는데, 자바스크립트를 사용하면서 가장 많이(?) 쓰이게 될 함수일 것이다.

 

그 다음에 number의 값을 10으로 재할당 해주었는데, 재할당을 하게 되면 변수의 값을 변경 시킬 수 있다.

 

var, let, const

자바스크립트를 사용하다 보면 변수를 선언하는 방법이 여러가지가 있다는 것을 알 수 있을 것이다.

각각 변수 선언하는 방법에 따라 쓰임새가 다르니, 알고 쓰면 더 좋을 것 같다.

 

여기서 스코프(Scope)란 변수가 접근 가능한 범위를 말한다. 스코프는 변수가 선언되고 사용될 수 있는 코드의 범위를 결정한다.

 

var

  • ES6 이전 버전의 JavaScript에서 사용되었으며, 여전히 사용 가능하지만 ES6에서는 let과 const가 새롭게 도입 되었다.
  • var로 선언된 변수는 함수 스코프 또는 전역 스코프를 가진다.
  • 선언 이전에 변수를 사용할 수 있으며, 같은 스코프 내에서 여러 번 재선언할 수 있다.
  • var는 블록 스코프를 가지지 않는다.

 

let

  • ES6에서 새롭게 도입 되었다.
  • 블록 스코프를 가지므로 변수는 해당 변수가 선언된 중괄호({}) 내에서만 유효하다.
  • 변수를 한 번만 선언할 수 있으며, 같은 스코프 내에서 다시 선언할 수 없다.

const

  • 역시 ES6에서 새롭게 도입 되었다.
  • let과 마찬가지로 블록 스코프를 가지며 변수를 한 번만 선언할 수 있다.
  • 선언 후에 값을 변경할 수 없다.

변수를 사용할 때, 값이 변경되지 않을 경우 const를 사용하는 것이 좋다.

값이 변경될 수 있는 경우에는 let을 사용한다.

var는 더 이상 권장되지 않지만, 일부 코드 기반에서는 여전히 사용될 수 있다.

변수의 스코프와 변경 가능성에 대한 이해는 JavaScript 프로그래밍에서 중요한 개념이다.

 

오늘의 포스팅은 여기까지 입니다.

끝까지 읽어주셔서 감사합니다.

300x250