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

Aneb·2022년 4월 12일
0
post-thumbnail

5.1 값

  • 값(value)은 식(expression)이 평가되어 생성된 결과를 말한다.
  • 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다.

5.2 리터럴

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

5.3 표현식

  • 표현식은 값으로 평가될 수 있는 문(statement)이다.
  • 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다.
  • 다시 말하면, 값으로 평가될 수 있는 문은 모두 표현식이다.
  • 표현식과 표현식이 평가된 값은 동등한 관계(동차)다.
  • 이것은 문법적으로 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다는 것을 의미한다.

5.4 문

  • 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.
  • 문의 집합으로 이뤄진 것이 프로그램이며, 문을 작성하고 순서에 맞게 나열하는것이 프로그래밍이다.
  • 문은 여러 토큰으로 구성된다.
  • 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.

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

  • 세미콜론(;)은 문의 종료를 나타낸다.
  • 단, 0개 이상의 문을 중괄호로 묶는 코드블록 뒤에는 세미콜론을 붙이지 않는다. (문의 종료를 의미하는 자체 종결성을 갖기 때문)
  • 문의 끝에 붙이는 세미콜론은 옵션이다. (생략가능하다)
  • 자바스크립트 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능(ASI, automatic semicolon insertion)이 암묵적으로 수행되기 때문이다.
  • 하지만, ASI의 동작과 개발자의 예측이 일치하지 않는 경우가 간혹 있다.
  • 또한, 세미콜론을 반드시 붙여야한다는 주장과 붙이지 말아야 한다는 주장이 갈려져 있다. (붙여야 한다는 주장이 다수)

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

  • 표현식은 문의 일부일 수도 있고, 그 자체로 문이 될 수도 있다.
  • 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다.
  • 표현식인 문은 값으로 평가되므로 변수에 할당할 수 있다.
  • 표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러가 발생한다.

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

x = 100; //할당문은 그 자체가 표현식이지만 완전한 문이기도 하다. 즉, 할당문은 표현식인 문이다.
var foo= x= 100 ;  // 표현식인 문은 값처럼 사용할 수 있다.

profile
FE Developer

0개의 댓글