[JavaScript] 2. 표현식과 문

📖 모던 자바스크립트 교재) 5장. 표현식과 문

 

01. 값

값(value)은 식(표현식)이 평가(evaluate)되어 생성된 결과를 말한다.

 

🖥️ 예제 코드

// 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20;

➡️ 변수에 할당되는 것 또한 값.

 

---

02. 리터럴

리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다.

 

자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.

 

💡 리터럴을 사용하여 생성할 수 있는 값의 종류

정수 리터럴	부동소수점 리터럴	2진수 리터럴	8진수 리터럴
16진수 리터럴	문자열 리터럴	불리언 리터럴	null 리터럴
undefined 리터럴	객체 리터럴	배열 리터럴	함수 리터럴

 

---

03. 표현식

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

 

표현식은 값으로 평가된다.

 

🖥️ 예제 코드

var x = 1 + 2;

// 식별자 표현식 x는 3으로 평가된다.
x + 3; // -> 6

➡️ 위 예제의  x + 3은 표현식이다.

➡️ 표현식은 다른 표현식의 일부가 되어 새로운 값을 만들어낼 수 있다.

 

---

04. 문

"문(statement)"과 "표현식(expression)"을 구별하고 해석할 수 있다면, 자바스크립트 엔진의 입장에서 코드를 읽을 수 있고 결과를 예측하는 데 도움이 된다.

 

문(statement)은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.

---

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

 

🖥️ 예제 코드

// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.
var x;
// 1, 2, 1 + 2, x = 1 + 2는 모두 표현식이다.
// x = 1 + 2는 표현식이면서 완전한 문이기도 하다.
x = 1 + 2;

 

다음 예제 코드들을 보며 표현식인 문과 표현식이 아닌 문을 구별해보자.

 

🖥️ 예제 코드

// 표현식이 아닌 문은 값처럼 사용할 수 없다.
var foo = var x;

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

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

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

 

 

📖 참고자료

https://www.inflearn.com/course/%EB%AA%A8%EB%8D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%94%A5%EB%8B%A4%EC%9D%B4%EB%B8%8C/dashboard

[무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의