5장 표현식과 문

5.1 값

• 식(표현식 expression)이 평가(evaluate) 되어 생성된 결과를 말한다 ⇒ 값
• 식을 해석해서 값을 생성하거나 참조하는 것 ⇒ 평가

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

5.2 리터럴

• 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 ⇒ 리터럴
• 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다

// 숫자 리터럴
100      // 정수 리터럴
10.5     // 부동 소수점 리터럴
0b010001 // 2진수 리터럴
0o101    // 8진수 리터럴
0x41     // 16진수 리터럴

// 문자열 리터럴
'Hello'
"World"
`Max`

// 불리언 리터럴
true
false

// null 리터럴
null

// undefined 리터럴
undefined

// 객체 리터럴
{ name: 'Lee', gender: 'male' }

// 배열 리터럴
[ 1, 2, 3 ]

// 정규표현식 리터럴
/[A-Z]+/g

// 함수 리터럴
function() {}

5.3 표현식

• 표현식은 값으로 평가될 수 있는 문이다 => 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다
• 표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다

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

// 식별자 표현식(선언이 이미 존배한다고 가정)
sum
person.name
arr[1]

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

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

• 표현식과 표현식이 평가된 값은 동등한 관계 === 동치

5.4 문

• 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다
  • 문을 작성하고 순서에 맞게 나열하는 것 ⇒ 프로그래밍
  • 문의 집합으로 이뤄진 것 ⇒ 프로그램
  • 문은 여러 토큰으로 구성된다
  • 문의 종류 : 선언문, 할당문, 조건문, 반복문 등으로 구분한다
• 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미 ⇒ 토큰
  • 키워드, 식별자, 연산자, 리터럴, 세미콜론 이나 마침표 등의 특수 기호는 문법적인 의미를 가진다
    ⇒ 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소 === 모두 토큰 !!!

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

• 세미콜론(;) 은 문의 종료를 나타낸다
• if 문, for문, 함수 등의 코드 블록 뒤에는 세미콜론을 붙이지 않는다 ⇒ 종료를 의미하는 자체 종결성을 갖고 있다
• 세미콜론은 생략 가능 ⇒ 세미 콜론 자동 삽입 기능(ASI Automatic Semicolon Insertion) 암묵적으로 수행되기 때문에 ~!!

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

• 표현식인 문 ⇒ 값으로 평가 될 수 있는 문
  표현식이 아닌 문 ⇒ 값으로 평가 될 수 없는 문
• 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것
  • 크롬 개발자 도구에서 표현식이 아닌 문을 실행하면 언제나 undefined를 출력 => 완료 값

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

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

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

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