5장 표현식과 문

5.1 값

🧐 값(value)이란?

식(표현식 expression)이 평가(evaluate)되어 생성된 결과

🔖 참고) 평가? 식을 해석해서 값을 생성하거나 참조하는 것.

🔖 값의 특징 : 데이터 값을 가짐.메모리에 2진수 즉 bit의 나열로 저장된다.

5.2 리터럴

🧐 리터럴(literal)이란?

사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)
👉 값을 생성하는 가장 기본적인 방법
👉 사람이 이해할 수 있는 문자 또는 미리 약속된 기호로 표기한 코드

ex)
3 // 정수 리터럴
'Hello' // 문자열 리터럴
function(){} // 함수 리터럴

👉 literal을 사용함으로써 다양한 data type의 값을 생성할 수 있음.

5.3 표현식

🧐 표현식(expression)이란?

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

표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합으로 이루어질 수 있음.

ex)
10 // 리터럴 표현식
arr[1] // 식별자 표현식(선언이 이미 존재한다고 가정)
10 + 20 // 연산자 표현식
square() // 함수, 메서드 호출 표현식(선언이 이미 존재한다고 가정)

5.4 문

🧐 문(statement)이란?

프로그램을 구성하는 기본 단위이자 최소 실행 단위. 명령문이라고도 부름.
선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다.

🔖 참고) 문의 집합으로 이뤄진 것이 프로그램, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍

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

토큰(token)?

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

ex)
var x; // 변수 선언문
x = 5; // 할당문
function solution(){} // 함수 선언문
if(x>1){console.log(x)} // 조건문
for(let i = 0; i<2; i++){console.log(i);}// 반복문

5.5 세미콜론과 세미콜론 자동 삽입 기능

🧐 세미콜론(;)?

문의 종료를 나타냄.
문을 끝낼 때는 세미콜론을 붙혀야 하지만, 0개 이상의 문을 중괄호로 묶은 코드 블록 뒤에는 세미콜론 붙히지 않음. ex) if 문, for 문, 함수 등
👉 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성(self-closing)을 갖기 때문.

🧐 세미콜론 자동 삽입 기능(ASI automatic semicolon insertion)

자바스크립트 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙혀주는 것.

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

✔️ 표현식인 문 : 값으로 평가될 수 있는 문
ex )
x = 1 + 2
표현식이면서, 완전한 문이기도 함.
✔️ 표현식이 아닌 문 : 값으로 평가될 수 없는 문
ex )
var x;
값으로 평가될 수 없으므로 표현식이 아님.

👉 표현식인 문과 표현식이 아닌 문 구별하는 가장 간단한 방법은 변수에 할당해 보는 것

ex)
var foo = var x; // SyntaxError
var foo = x = 100 // 표현식인 문은 값처럼 사용할 수 있음.

🔖 참고) 완료 값(completion value)
크롬 개발자 도구에서 표현식이 아닌 문 실행하면 언제나 undefined 출력함. 이를 완료값이라고 함. 완료값은 표현식의 평가 결과 아님. 다른 값과 같이 변수에 할당할 수 없고 참조할 수도 없음.