Expression & Statement

오늘은 표현식 (Expression)과 문장 (Statement)에 대해서 정리해보겠습니다.

 

표현식 (Expression)

단순하게 식이라고도 하며 값을 만들어내는 문장입니다.

 

// 리터럴
100;
'Hello World'

// 식별자
foo
arr[1]
obj.name

// 연산자 표현식
1 + 11;
bar !== foo

// 함수
sum()
obj.getName()

위의 예제는 모두 표현식입니다. 모두 값을 생성하거나, 값으로 평가될 수 있다는 공통점을 가지고 있습니다.

표현식은 리터럴, 식별자, 연산자, 함수 호출 등 수많은 방법으로 만들 수 있으며 값으로 평가될 수 있다는 특징이 있습니다.

또한 값으로 평가될 수 있으므로 표현식을 다른 표현식에서 사용할 수도 있습니다.

 

문장 (Statement)

문장 또는 문은 프로그램을 구성하는 기본 단위, 최소 실행 단위입니다.

문은 여러 토큰으로 구성되며, 토큰은 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 말합니다.

 

const foo = 1 + 13;

위 코드에서 const, foo, =, 1, +, 13, ; 모두 문법적인 의미를 가지고 있으며 나눌 수 없으므로 토큰이며, 토큰이 모여 문장을 이루고 있습니다.

 

// 선언문
let bar;
function foo() {...}

// 할당문
bar = 10;

// 조건문
if (bar < 10) {...}

// 반복문
for (let i=0; i<10; i++) {...}

문장은 명령문이라고도 부르며 다른 프로그래밍 언어와 같이 반복문, 조건문, 선언문, 할당문 등으로 구분할 수 있습니다.

 

정리

• 자바스크립트의 코드는 표현식과 문장으로 구성됩니다.
• 표현식은 값으로 평가될 수 있으며 문장은 코드의 최소 실행 단위입니다.

참고
모던 자바스크립트 딥 다이브