본문 바로가기
Front-End

[JS] 변수

by Judy 2020. 6. 30.
자바스크립트를 다루기위한 가장 기초적인 문법입니다.

변수

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름

데이터를 입력받아 처리하고 그 결과를 출력하는 것, 즉 변수는 데이터를 관리한다.

10 + 20

+ 연산자의 좌변과 우변의 숫자 값, 즉 피연산자를 기억해야 한다. 

  • 할당: 변수에 값을 저장하는 것
  • 참조: 변수에 저장된 값을 읽어 들이는 것

식별자

어떤 값을 구별하여 식별해낼 수 있는 고유한 이름

메모리 공간에 저장되어 있는 어떤 값을 구별하여 식별해낼 수 있어야 한다.

식별자는 값이 아니라 메모리 주소를 기억하고 있다. 메모리 주소에 붙인 이름.

 

변수 선언

변수를 사용하려면 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드를 사용한다.

ES6에서 let, const키워드가 도입되기 이전까지 var 키워드는 자바스크립트에서 변수를 선언할 수 있는 유일한 키워드였다.

 

식이 평가되어 생성된 결과.

// 변수에는 10 + 20의 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20; // 30

 

리터럴

사람이 이해할 수 있는 문자 또는 약속된 기호를 사용하여 값을 생성하는 표기 방식.

자바스크립트 엔진은 코드가 실행되는 시점(런타임)에 리터럴을 평가하여 값을 생성.

 

표현식

값으로 평가될 수 있는 문. 표현식이 평가되면 값을 생성하거나 값을 참조.

 

리터럴, 식별자, 연산자, 함수 호출 등의 조합으로 이루어질 수 있다. 값으로 평가되는 문은 모두 표현식이다.

// 리터럴 표현식
10
'Hello'

// 식별자 표현식
sum
person.name
arr[1]

// 연산자 표현식
10 + 20
sum = 10
sum === 10

// 함수/메소드 호출 표현식
square()
person.getName()

 

프로그램을 구성하는 기본 단위이자 최소 실행 단위.

문의 집합으로 이루어진 것이 바로 프로그램이며 문을 작성하고 순서에 맞게 나영하는 것이 프로그래밍이다.

문은 여러 토큰들로 구성.

토큰: 문법적인 의미를 가지며, 문법적으로 더이상 나눌 수 없는 코드의 기본 요소

 

데이터 타입

값의 종류, 자바스크립트의 모든 값은 데이터 타입을 갖는다.

ES6는 7개의 데이터 타입이 있으며, 원시타입과 객체 타입으로 분류할 수 있다.

 

원시타입

  • 숫자(Number) 타입: 숫자(정수와 실수) 구분없이 하나의 숫자 타입만 존재
  • 문자열(String) 타입
  • 불리언(Boolean) 타입: true, false
  • undefined 타입: 선언된 변수에 암묵적으로 할당되는 값
  • null 타입: 값이 없다는 것을 의도적으로 명시할 때 사용하는 값
  • Symbol 타입: ES6에 추가된 7번째 타입

객체타입 (Object)

  • 객체, 함수 배열

자바스크립트의 타입

보통의 언어들과는 다르게 자바스크립트는 변수의 타입을 미리 선언할 필요가 없습니다.

타입은 프로그램이 처리되는 과정에서 자동으로 정해질며 느슨한 데이터 타입 또는 동적 타입 언어라고 합니다.

선언을 해줄때는 편하지만 타입이 선언되지 않다보니 사용 시, 타입 체크를 해줘야되는 불편함이 있어 보완하기 위해 타입스크립트를 적용합니다.

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

[JS] 실행 컨텍스트  (0) 2020.07.06
[JS] 표현식과 문  (0) 2020.07.04
[JS] 자바스크립트란?  (0) 2020.06.29
[React] SPA  (0) 2020.05.20
[React] 컴포넌트 성능 최적화  (0) 2020.05.19