이번 파트에선 자바스크립트에서 자주 사용되는 용어를 다룰 예정이다.
크게 어려운 내용이 아니며 초등학생도 쉽게 이해하는 내용이므로 3분 정도의 시간이 있다면 한번 내용을 확인 해보자.

값

값(value)는 식(=표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다.
평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다.

간단한 예시를 보자

var result = 1 + 2 // 3

1 + 2가 평가가 되어 숫자 값 3을 생성한다.
즉 변수 result는 1 + 2의 값이 할당되는게 아닌, 연산의 결과 값인 3 값이 할당이 된다.

리터럴

리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.

위 목차인 값에서 나온 3을 보면 여기서의 3은 흔히 우리가 아는 아라비아 숫자 3이 아닌
숫자 리터럴이라고 부른다.

이처럼 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호('', "", ., [], {} 등)로 표기한 코드이다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 즉, 리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있다.

정수 리터럴 > 10
부동소수점 리터럴 > 10.1
문자열 리터럴 > "우와 대박인데"
불리언 리터럴 > true, false
null 리터럴 > null
undefined 리터럴 > undefined
객체 리터럴 > { age: 20 }
배열 리터럴 > ['사과']
함수 리터럴 > function() {}

등 2진수 8진수 16진수 리터럴도 있다는 부분은 별도 참고하자.

표현식

표현식은 값으로 평가될 수 있는 문(statement)이다.
표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.

앞서 살펴본 리터럴은 값으로 평가가 된다, 따라서 리터럴도 표현식이다.

var result = 1; // 여기서 1은 리터럴이다.

// 식별자 참조는 값을 생성하지는 않지만 값으로 평가되므로 표현식이다.

result // 1

값으로 평가될 수 있는 문은 모두 표현식이다.

문

문(statement)은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.

또한 문은 여러 토큰으로 구성이 된다.

토큰이란 ?

토큰은 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 기본 요소를 말함.
(키워드, 식별자, 연산자, 리터럴, 세미콜론, 마침표)

var result = 1;

var, result, =, 1, ; <<< 토큰
이 여러 토큰으로 구성된게 하나의 문 이다.
문은 여러 문 등으로 구분이 가능함.

// 변수선언문
var a;

// 할당문
a = 5;

// 함수 선언문
function doIt () {}

// 조건문
if ( a > 5 ) {
  alert("hi")
}

// 반복문
for (var i=0; i < 5; i++) {
  console.log(i)
}