🌸05장. 표현식과 문

✅5.1 용어 정리

값(value)

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

• 평가(evaluate) : 식을 해석해서 값을 생성하거나 참조하는 것

• 모든 값은 데이터 타입을 가지며, 메모리에 2진수(bit의 나열)로 저장된다.

  • 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다.

리터럴(literal)

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

• 숫자 리터럴 3 을 코드에 기술 → 자바스크립트 엔진이 평가(evaluate) 해 숫자 값 3을 생성

• 자바스크립트 엔진은 런타임에 리터럴을 평가해 값을 생성한다.

표현식(expression)

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

예시를 통해 살펴보자..

var score = 100;
// 100은 리터럴
// 리터럴 100은 자바스크립트 엔진에 의해 평가되어 값을 생성하므로 표현식 O

var score = 50 + 50;
// 50+50은 리터럴과 연산자
// 505+50도 평가되어 숫자 100을 생성하므로 표현식 O

score; // -> 100
// 변수 식별자를 참조하면 변수 값으로 평가된다.
// 식별자 참조는 값을 생성하지는 않지만 값으로 평가되므로 표현식 O

• 즉, 값으로 평가될 수 있는 문(statement)은 모두 표현식(expression)이다.

문(statement)

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

• 문의 집합으로 이루어진 것 : 프로그램

• 문을 작성하고 순서에 맞게 나열하는 것 : 프로그래밍

세미클론(;)

세미클론(;)은 문의 종료를 나타낸다.

• 자바스크립트 엔진은 세미클론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행한다.

• if, for, 함수 등과 같이 0개 이상의 문을 중괄호로 묶은 코드블럭 뒤에는 세미클론을 붙이지 않는다.

  • 이러한 코드블록은 자체 종결성(self closing)을 갖기 때문

• 사실 세미클론은 옵션이다.

  • 자바스크립트 엔진이 소스코드를 해석할 때, 문의 끝이라고 예측되는 지점에 세미콜론을 자동(암묵적)으로 붙여주기 때문이다. feat 세미콜론 자동 삽입 기능(ASI, automatic semicolon insertion)

✅5.2 문(statement) vs 표현식(expression)

문(statement) vs 표현식(expression)

❗문(statement)과 표현식(expression)은 다른 것이다!

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

❗문(statement)에는 "표현식인 문"과 "표현식이 아닌 문"이 있다.

- 표현식인 문 : 값으로 평가 될 수 있는 문
- 표현식이 아닌 문 : 값으로 평가될 수 없는 문

아래 예제를 살펴보면,

var x; // 변수 선언문
x = 1 + 2; // 할당문

• 변수 선언문은 값으로 평가될 수 없기 때문에 표현식이 아닌 문

• 할당문은 그 자체가 표현식이지만 완전한 문(즉, 표현식인 문)

• 표현식인 문은 할당한 값으로 평가되기 때문에, 값처럼 사용할 수 있다.