본문 바로가기
Front-End/JavaScript

변수(Variable)

by 연제원 2021. 1. 7.

✅ 변수(Variable)란?

데이터를 저장하고 읽고 쓰고 할 수 있는 공간

데이터는 프로그래밍에서 기본이라고 한다. 즉, 어떠한 정보든지 전부 데이터다.
이러한 데이터를 처리하기 위해서 데이터를 저장하는 공간이 있어야 하는데, 이때 저장하는 공간을 변수라고 한다.

 

변수를 사용하는 법은 다음과 같다.

선언(Declaration)과 할당(Assignment)

var 변수명;       // 선언(Declaration)
변수명 = 데이터;   // 할당(Assignment)

let 변수명 = 데이터;  // 선언과 할당을 동시에 가능!

const 변수명 = 데이터;

선언(Declaration)이란?

저장소를 확보

자바스크립트 엔진(자바스크립트 코드를 해석하는 도구)에게 '이름은 변수명이라고 하고, 데이터 저장공간을 만들어놔~!' 라고 명령

위에서 var 변수명; 이 이에 해당한다. 

이때 변수명 앞에 붙은 var, let, const는 변수 선언 방식의 한 종류이다. 이는 나중에 자세히 알아볼 것이다.

할당(Assignment)이란?

저장소에 데이터를 저장

'아까 만들었던 저장공간에 이 데이터를 담아~!'라고 명령

위에서 변수명 = 데이터; 이 이에 해당한다.

이때 중요한 점은 = 은 같다가 아닌 부여하다라는 뜻이다.

 

추가적으로 선언과 할당을 동시에 할 수도 있다.

 

정리를 하자면

  • 변수 = 데이터를 저장하는 공간
  • 변수명 =  데이터 저장 공간의 이름
  • 선언할당을 통해 변수를 사용할 수 있고, 동시에 가능하다.

변수의 특징

🖋 한 번에 여러개의 변수를 만들 수 있다.

let name = '연제원';
let age = 'secret';

위, 아래 동일

let name = '연제원', age = 'secret';

 

🖋 선언한 변수를 할당을 하지않고 다시 불러 온다면 정의되지 않음(undefined), 즉, 할당된 값이 없다고 한다.

let name;
// 선언 후, 불러온다.
name //undefined

 

🖋 변수명은 대문자와 소문자를 구분한다.

 

🖋 camelCase방식을 이용하자. > 궁금하면 직접 찾아보기~!

'Front-End > JavaScript' 카테고리의 다른 글

Closure  (0) 2021.01.08
Scope  (0) 2021.01.08
원시 타입 VS 참조 타입  (0) 2021.01.07
자료형(Data Type)  (0) 2021.01.07
매개변수(parameter) vs 인자(argument)  (0) 2021.01.04

댓글