값 (value)

---

식(표현식)이 평가(식을 해석하여 값을 생성하거나 참조)되어 생성된 결과

var sum = 10 + 20;

위 코드의 sum변수에 할당되는 것은 10 + 20이 평가된 결과인 숫자인 값 30이다.
즉 sum이 가리키는 메모리 공간에 저장되는 값은 10 + 20이 아닌 값 30이다.

리터럴 (literal)

---

리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기 방식(notaion)

// 정수 리터럴
100
// 부동소수점 리터럴
10.5
// 2진수 리터럴(0b로 시작)
0b01000001
// 8진수 리터럴(ES6에서 도입. 0o로 시작)
0o101
// 16진수 리터럴(ES6에서 도입. 0x로 시작)
0x41

// 문자열 리터럴
'Hello'
"World"

// 불리언 리터럴
true
false

// null 리터럴
null

// undefined 리터럴
undefined

// 객체 리터럴
{ name: 'Lee', address: 'Seoul' }

// 배열 리터럴
[ 1, 2, 3 ]

// 함수 리터럴
function() {}

// 정규표현식 리터럴
/[A-Z]+/g

사람이 이해할 수 있는 문자나 기호로 표기한 리터럴을 자바스크립트 엔진이 평가해서 값으로 생성한다.

표현식 (expression)

---

• 평가(evaluate)를 하면 값이 되는 문
• 값으로 평가될 수 있는 문

새로운 값이 되거나 기존 값을 참조하거나 . .

• 문법적으로 값이 위치할 수 있는 곳에는 표현식도 위치할 수 있다

문 (statement)

---

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

// 변수 선언문
var x;

// 표현식 문(할당문)
x = 5;

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

// 조건문
if (x > 1) { console.log(x); }

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

세미콜론(;)으로 문의 종료를 나타냄
이것은 생략 가능하지만 기본적으로 붙여주는 것이 좋음

표현식인 문과 표현식이 아닌 문

---

표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법 : 변수에 할당해 보기

// 변수 선언문은 표현식이 아닌 문이다.
var x;

// 할당문은 그 자체가 표현식이지만 완전한 문이기도 하다. 즉, 할당문은 표현식인 문이다.
x = 100;

표현식인 문은 값으로 평가되므로 변수에 할당 가능
But! 표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러 발생

// 표현식인 문은 값처럼 사용할 수 있다
var foo = x = 100;
console.log(foo); // 100

표현식인 문인 할당문은 할당한 값으로 평가됨
즉, x = 100은 x 변수에 할당한 값 100과 동치 관계가 됨
따라서 foo 변수에는 100이 할당되게 됨

Reference

---

참고