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

해당 게시물은 모던 자바스크립트 Deep Dive 책을 인용 및 참고하여 작성했음을 알려드립니다.

05 표현식과 문

값

• 값은 식이 평가되어 생성된 결과다.
  • 평가는 식을 해석해서 값을 생성하거나 참조하는 것을 뜻함.
  • 10 + 20은 평가되어 숫자 값 30을 생성한다.
  • var sum = 10 + 20;에서 sum 변수에 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다. 즉,. 10 + 20이 메모리 공간에 저장되는 것이 아닌 숫자 값 30이 저장된다.
• 모든 값은 데이터 타입을 가진다. 메모리에 2진수인 비트의 나열로 저장된다.
• 다양한 방법으로 값을 생성할 수 있는데, 기본적인 방법은 리터럴이다.

리터럴

• 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다.
• 사람이 이해할 수 있는 아라비아 숫자를 통해 숫자 리터럴 3을 작성하면 자바스크립트 엔진은 이것을 평가하고 숫자 값 3을 생성한다.
• 자바스크립트 엔진은 코드가 실행되는 런타임 환경에 리터럴을 평가해 값을 생성한다.

표현식

• 표현식은 값으로 평가될 수 있는 문이다. 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
  • 리터럴도 값으로 평가되므로 리터럴도 표현식이다.

문

• 문은 프로그램을 구성하는 기본 단위, 최소 실행 단위다. 문의 집합이 프로그램이며, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍이다.
• 문은 여러 토큰으로 구성되는데, 토큰이란 문법적인 의미로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.
  • 문은 여러 토큰으로 구성
  • var sum = 1 + 2; 에서 var, sum, =, 1, +, 2, ; 각각의 요소들이 모두 토큰이다. (키워드, 식별자, 연산자, 특수기호 등)
• 문은 선언문, 할당문, 조건문, 반복문 등으로 구분

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

• 자바스크립트 엔진은 세미콜론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행한다.
• 코드 블록 뒤에는 세미콜론을 붙이지 않는데, 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문.
• 세미콜론은 생략 가능하며 자바스크립트 엔진이 문의 끝이라고 예측되는 지점에 세미콜론 자동 삽입 기능(ASI)이 암묵적으로 수행된다.

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

• 표현식 문과 표현식이 아닌 문을 구별하는 방법은 변수에 할당해 보는 것이다.
  • var foo = var x; 표현식이 아닌 문은 값처럼 사용할 수 없다.
  • 변수 선언문은 표현식이 아닌 문
  • x = 100; 할당문은 표현식인 문이다.