본문 바로가기
웹 프로그래밍/JavaScript | TypeScript

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

by 청량리 물냉면 2024. 3. 20.
반응형

5.1. 값

👾 

  • 식(표현식)이 평가되어 생성된 결과.
  • 평가: 식을 해석해 값을 생성하거나 참조하는 것
  • 모든 값은 데이터 타입을 가지며 메모리에 2진수(비트)의 나열로 저장된다.

🐱‍🏍 변수: 하나의 을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름 → 변수에 할당되는 것은 이다.

 

5.2. 리터럴

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

 

5.3. 표현식

표현식

  • 값으로 평가될 수 있는 문(statement).
  • 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. 
  • 5.2.의 리터럴은 값으로 평가되므로, 리터럴도 표현식이라고 할 수 있다.
//리터럴 표현식
10
"ABC"

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

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

//함수/메서드 표현식(선언 존재 가정)
sum()
person.getName()
  • 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다.

 

5.4. 문

문(statement): 프로그램을 구성하는 기본 단위이자 최소 실행 단위. 프로그램은 문의 집합으로 이뤄지며, 문은 토큰의 집합이다.

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

var  sum  =  1  +  2  ;
//총 7개의 토큰 존재

 

 

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

표현식 문의 일부일 수도 있고 그 자체로 문이 될 수도 있다.

//변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.
var x;
//1, 2, 1+2, x=1+2 모두 표현식이다.
//x=1+2는 표현식이면서 완전한 문이다.
x = 1+2;

문에는 표현식인 문과 표현식이 아닌 문이 존재한다.

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

표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단한 방법은 변수에 할당해 보는 것이다. 표현식인 문은 값으로 평가되므로 변수에 할당할 수 있다. 반면 표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러가 발생한다.

var x;

// 에러 발생: var foo(변수 선언문)는 표현식이 아닌 문
x = var foo; 

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

// 에러 발생x: 할당문을 값처럼 변수에 할당
var foo = x = 10;

 

 

🚌 완료 값
크롬 개발자 도구에서 표현식이 아닌 문을 실행하면 언제나 undefined를 출력하는데, 이를 완료 값이라 한다.
완료 값은 표현식의 평가 결과가 아니므로, 다른 값과 같이 변수에 할당하거나 참조할 수 없다.
반대로 크롬 개발자 도구에서 표현식인 문을 실행하면 언제나 평가된 값을 반환한다.

 

 


출처: 모던 자바스크립트 Deep Dive (이웅모 저, 위키북스)

 
반응형