변수란?
자바스크립트(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 프로그래밍에서 중요한 개념이다.
오늘의 포스팅은 여기까지 입니다.
끝까지 읽어주셔서 감사합니다.
'IT > Javascript' 카테고리의 다른 글
| 자바스크립트(Javascript) 간단한 모달(Modal)창 레이어 팝업 만들기 (0) | 2024.04.04 |
|---|---|
| 자바스크립트(javascript) 팝업창 띄우기 window.open() (2) | 2024.03.23 |
| 자바스크립트(javascript) 요소 선택 쿼리 셀럭터querySelector 사용법 및 예제 (0) | 2024.03.22 |