본문 바로가기
STUDY/JavaScript

JavaScript 변수 특징과 유형

by Y.Choi 2023. 12. 15.
728x90
반응형

 

 

변수는 프로그램에서 데이터를 저장하고 참조하기 위한 기본적인 요소이다.

 

 

변수 선언

변수를 선언하는 과정은 'var', 'let', 'const'키워드를 사용하는데 ES6이후 주로 let과 const를 사용한다.

 

 

변수 할당

변수에 값을 할당하는 과정은 '=' 연산자를 사용한다.

let name = 'John';

 

 

변수의 스코프

변수의 스코프는 변수가 유효한 범위를 나타낸다.

 

- 전역스코프(Global Scope) : 전역에 선언된 변수로 어디서든 접근 가능.

- 지역스코프(Local Scope) : 함수 내에서 선언된 변수로, 함수 내에서만 접근 가능.

- 블록 스코프(Block Scope) : { } 영역에서 선언된 변수로 블록 내에서만 접근 가능. (let과 const에서만)

 

 

변수 호이스팅

변수 호이스팅은 변수 선언이 스코프 상단으로 끌어올려지는 현상을 말한다.

 

 

 

728x90

 

 

변수 유형

변수에는 다양한 데이터 유형이 할당될 수 있다.

 

 

/ 기본데이터 타입(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 */ }

 

 

참조 데이터 타입은 변수에 실제 데이터가 아니라 데이터에 대한 참조(메모리 주소)가 저장되며, 여러 변수가 동일한 객체를 참조할 수 있다. 기본 데이터 타입은 값 자체가 변수에 직접 저장된다.

 

 

728x90
반응형