index
1. 값(value)이란 무엇인가?
값은 식(표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다.
2. 리터럴(literal) ≒ 표기법
리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.
자바스크립트 엔진은 코드가 실행되는 시점인 런타임(runtime)에 리터럴을 평가해 값을 생성한다.
즉, 리터럴은 값을 생성하기 위해 미리 약속한 표기법
100 // 정수 리터럴
10.5 // 부동소수점 리터럴
0b01000001 // 2진수 리터럴
0o101 // 8진수 리터럴
0x41 // 16진수 리터럴
'hello' // 문자열 리터럴
true false // 불리언 리터럴
null // null 리터럴
undefined // undefined 리터럴
{name: 'Lee'} // 객체 리터럴
[1, 2, 3] // 배열 리터럴
function() {} // 함수 리터럴
/[A-Z]+/g // 정규 표현식 리터럴
3. 문(statement)
문(statement)은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다. 문의 집합으로 이뤄진 것이 바로 프로그램이며, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍이다.
let sum = 1 + 1; // → 문 (let sum = 1 + 1)
// ↑ 토큰 (let, sum, =, 1, +, 1)
토큰(token)이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.
예를 들어, 키워드, 식별자, 연산자, 리터럴, 세미콜론(:)이나 마침표(.) 등의 특수 기호는 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소이므로 모두 토큰이다.
4. 표현식(expression)
표현식은 값으로 평가될 수 있는 문이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
표현식은 리터럴, 식별자, 연산자, 함수호출 등의 조합으로 이뤄질 수 있다.
// 리터럴 표현식
10;
("hello");
// 식별자 표현식 (선언이 이미 존재한다고 가정)
sum;
person.name;
arr[1];
// 연산자 표현식
10 + 20;
sum = 10;
sum !== 10;
// 함수/메서드 호출 표현식(선언이 이미 존재한다고 가정)
square();
person.getName();
Q. 표현식인 문과 표현식이 아닌 문을 어떻게 구분할까?
-
표현식이 아닌 문 -> “값으로 평가될 수 없는 문” ex) 변수 선언문
-
표현식인 문 -> “값으로 평가 될 수 있는 문” ex) 할당문
var x; //변수 선언문은 표현식이 아닌 문
x = 10; // 할당문은 그 자체가 표현식이지만 완전한 문이기도 하다. 즉, 할당문은 표현식인 문이다.
(✓ confused point)
var x = 10 // 이 경우, '표현식'인가 '표현식이 아닌 문'인가?
=> "표현식이 아닌 문"
x = 10;(선언 없이 할당) 같은 경우에는 값이 10으로 평가되며,
표현식으로 간주될 수 있습니다. x = 10 표현식은 할당된 값 10을 반환합니다.
하지만 var 키워드가 포함된 var x = 10; 문장은 값으로 평가되지 않는다.