자바스크립트 표현식 & 문

📌  값value?

 

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

 

📌  리터럴literal?

 

사람이 이해할 수 있는 문자, 또는 약속된 기호를 사용해 값을 생성하는 표기법notation

 

리터럴	예시	비고
정수 리터럴	100
부동소수점 리터럴	10.5
2진수 리터럴	0b010000001	0b 로 시작
8진수 리터럴	0o101	0o 로 시작 (ES6 도입)
16진수 리터럴	0x41	0x 로 시작 (ES6 도입)
string 리터럴	'Hello' "World"
boolean 리터럴	true false
null 리터럴	null
undefined 리터럴	undefined
object 리터럴	{ name : 'Lee' }
array 리터럴	[ 1, 2, 3 ]
function 리터럴	function( ) { }
정규 표현식 리터럴	/ [ A - Z ]+ / g

 

 

📌  표현식expression?

 

값으로 평가될 수 있는 문statement

즉, 표현식이 평가evaluate되면 새로운 값을 생성하거나, 기존 값을 참조한다.

 

문법적으로 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다.

 

// 리터럴 표현식
10
'Hello'

// 식별자 표현식       (선언이 존재한다고 가정)
sum
arr[1]

// 연산자 표현식
10 + 20
sum = 10
sum != 10

// 함수/메서드 표현식   (선언이 존재한다고 가정)
square()
person.getname()

 

 

📌  문statement?

 

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

 

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

토큰token이란, 문법적인 의미를 가지며 + 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.

 

// 변수 선언문 (표현식 X)
var x;

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

// 함수 선언문 (표현식 X)
function foo(){}

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

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

 

❗ 크롬 개발자 도구에서 표현식인 문을 실행하면 언제나 평가된 값을 반환한다.

❗ 크롬 개발자 도구에서 표현식이 아닌 문을 실행하면 언제나 undefined를 출력한다.  -->  이를 완료값이라 한다.

❗ 표현식이 아닌 문은 값처럼 사용할 수 없다.