[모던자바스크립트 Deep Dive] 05장 표현식과 문

5.1 값

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

평가 : 식을 해석해서 값을 생성하거나 참조하는 것을 의미

// 10 + 20은 ***평가***되어 숫자 값 30을 생성한다. 
10 + 20;

변수에 할당되는 것은 값이다.

변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름

5.2 리터럴 literal

리터럴 : 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 약속된 기호('', "", ., [], {}, // 등)를 사용해 값을 생성하는 표기법notation

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

리터럴 예시

1 ) 문자열 리터럴

'Hello'
"World"

2 ) 불리언 리터럴

true , false

3 ) null 리터럴

null

4 ) undefined 리터럴

undefined

5 ) 객체 리터럴

{name : 'Lee', address: 'Seoul'}

6 ) 배열 리터럴

[1, 2, 3]

7 ) 함수 리터럴

function() {}

8 ) 정규 표현식 리터럴

/[A-Z]+/g

5.3 표현식

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

표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합을 이뤄질 수 있다. 다음과 같이 다양한 표현식이 있지만 값으로 평가된다는 점에서 모두 동일하다.

5.4 문 statement

문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.
토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.
문은 여러 토큰으로 구성된다.

• 문의 종류: 선언문, 할당문, 조건문, 반복문 등

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

• 세미콜론(;)은 문의 종료를 나타낸다.
• 문을 끝낼 때는 세미콜론을 붙여야 한다.
• if문, for문, 함수 등의 0개 이상의 문을 중괄호로 묶은 코드블록 뒤에는 세미콜론을 붙이지 않는다.
• 자바스크립트 엔진은 세미콜론 자동삽입 기능(automatic semicolon insertion)이 암묵적으로 수행된다.

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

가장 쉽게 구별하는 법 : 변수에 할당해보기

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

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

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

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

크롬 개발자 도구에서의 완료값!

• 크롬 개발자 도구에서 표현식이 아닌 문을 실행할 시 언제나 undefined를 출력한다. 이는 완료 값이라고 한다.

• 하지만 표현식인 문을 실행하면 언제나 평가된 값을 반환한다.