값은 식이 평가되어 생성된 결과를 말한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이기때문에 변수에 할당되는 것은 값이다.
var sum = 20 + 10;
위에 보이는 변수 sum에는 20 + 10이 평가되어 생성된 숫자 값 30이 할당된다. 이처럼 값은 식으로 생성할 수도 있지만 가장 기본적인 방법은 리터럴을 사용하는 것이다.
리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 아라비아 숫자, 알파벳, 한글, 미리 약속된 기호('', "", [], {}, // 등)이 포함되며 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.
표현식은 값으로 평가될 수 있는 문(statement)이다. 즉 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
var score = 100; //정수 리터럴
var score = 50 + 50; //리터럴과 연산자
score; //식별자 참조
100처럼 정수 리터럴 그 자체 만으로 100이라는 값으로 평가될 수 있으므로 표현식이 될 수 있다. 리터럴과 연산자로 이루어진 50 + 50도 평가되어 숫자 값 100을 생성하므로 표현식이 될 수 있다. 마지막으로 변수 식별자를 참조하면 변수 값으로 평가되므로 표현식이라고 할 수 있다.
❗이때 변수 선언문은 값으로 평가될 수 없으므로 표현식이라고 할 수 없다.
//리터럴 표현식
10
'Hello'
//식별자 표현식(선언되었다 가정..)
sum
person.name
arr[1]
//연산자 표현식
10 + 20
sum + 10
sum !== 10
//함수 or 메서드 호출 표현식(선언되었다 가정..)
square()
person.getName()
표현식은 리터럴, 식별자, 연산자, 함수 호출 등으로 조합하여 이루어질 수 있으며 문법적으로 값이 위치할 수 있는 자리에는 표현식도 위차할 수 있다.
문은 프로그램을 구성하는 기본 단위이자 최소 실행단위이다. 문은 명령문이라고도 부르며 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다.
문은 여러 토큰으로 구성되는데 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다. 예를들어 키워드, 식별자, 연산자, 리터럴, 세미콜론, 마침표 등은 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없으므로 모두 토큰에 해당한다.
문에는 표현식인 문과 아닌 문이 있다. 표현식인 문은 값으로 평가될 수 있는 문이고, 표현식이 아닌 문은 값으로 평가될 수 없는 문이다. 표현식이 아닌 문의 예로는 변수 선언문이 있다.
var x; //변수 선언문
x = 1 + 2; //변수 할당문
변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다. 변수 할당문의 경우 1, 2 ,1 + 2, x = 1 + 2 모두 값으로 평가될 수 있으므로 표현식이다. 그중에서 x = 1 + 2는 표현식이면서 완전한 문 이기도 하다.
표현식인 문과 표현식이 아닌 문을 구분하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다.
📔출처
위키북스 - 모던 자바스크립트 Deep Dive
https://wikibook.co.kr/mjs/