변수는 프로그램에서 데이터를 저장하고 참조하기 위한 기본적인 요소이다.
변수 선언
변수를 선언하는 과정은 'var', 'let', 'const'키워드를 사용하는데 ES6이후 주로 let과 const를 사용한다.
변수 할당
변수에 값을 할당하는 과정은 '=' 연산자를 사용한다.
let name = 'John';
변수의 스코프
변수의 스코프는 변수가 유효한 범위를 나타낸다.
- 전역스코프(Global Scope) : 전역에 선언된 변수로 어디서든 접근 가능.
- 지역스코프(Local Scope) : 함수 내에서 선언된 변수로, 함수 내에서만 접근 가능.
- 블록 스코프(Block Scope) : { } 영역에서 선언된 변수로 블록 내에서만 접근 가능. (let과 const에서만)
변수 호이스팅
변수 호이스팅은 변수 선언이 스코프 상단으로 끌어올려지는 현상을 말한다.
변수 유형
변수에는 다양한 데이터 유형이 할당될 수 있다.
/ 기본데이터 타입(Primitive Type)
숫자(Number) - 정수나 부동소수점 숫자
let num = 10;
문자열(String) - 문자들의 나열
let str = 'Hello';
불리언(Boolean) - true 또는 false
let bool = true;
undefined - 값이 할당되지 않은 상태
let undef;
null - 의도적으로 값이 없음을 나타냄
let nul = null;
Symbol - 유일한 식별자를 나타낸다. ES6에서 추가되었다.
let sym = Symbol('unique');
/ 참조 데이터 타입(Reference Types)
객체(Object) - 여러 속성과 메서드를 포함하는 데이터 구조를 나타낸다.
let obj = { key: 'value' };
배열(Array) - 순서가 있는 값들의 집합
let arr = [1, 2, 3];
함수(Function) - 재사용이 가능한 코드 블록
let func = function() { /* code */ };
클래스(Class) - 객체를 생성하기 위한 템플릿을 나타냄. ES6에서 추가됨.
class MyClass { /* code */ }
참조 데이터 타입은 변수에 실제 데이터가 아니라 데이터에 대한 참조(메모리 주소)가 저장되며, 여러 변수가 동일한 객체를 참조할 수 있다. 기본 데이터 타입은 값 자체가 변수에 직접 저장된다.
'STUDY > JavaScript' 카테고리의 다른 글
변수와 함수의 유효범위 - 스코프(Scope) (0) | 2023.12.16 |
---|---|
JavaScript 변수 호이스팅과 함수 호이스팅 (0) | 2023.12.15 |
일급 객체(first-class object)의 세 가지 조건 (0) | 2023.12.02 |
JavaScript 콜백함수 콜백 유형 (0) | 2023.12.01 |
화살표 함수의 특징과 사용을 피해야 할 때 (0) | 2023.12.01 |