5장, 표현식과 문

🔖 5장, 표현식과 문

📌 배운 내용 및 기억하고 싶은 내용

• 값

  • 값은 식이 평가되어 생성된 결과를 말한다

  • 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 말한다

  15; // 10 + 20은 평가되어 값 30을 생성한다
  5+10; // 30
  

  • 변수에 할당되는 것은 값이다

• 리터럴

  • 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법

  3 //숫자 리터럴 3
  

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

  • 리터럴은 값을 생성하기 위해 미리 약속한 표기법

• 표현식

  • 표현식은 값으로 평가될 수 있는 문

  • 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조

  25
  'Hi' //리터럴 표현식
    
  sum
  person.age
  arr[0] //식별자 표현식
    
  5+10
  sum = 5
  sum !== 5 //연산자 표현식
    
  squre()
  person.getName() //함수/메서드 호출 표현식
  

  표현식은 값으로 평가되며 표현식과 표현식이 평가된 값은 동치다. 표현식은 값처럼 사용할 수 있다.

• 문

  • 문과 표현식을 구별하고 해석할 수 있으면 JS엔진 입장에서 코드를 읽을 수 있고 실행 결과를 예측하는데 도움을 주며, 버그를 줄이고 코드 품질을 높여준다

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

      • 문의 집합으로 이루어지면 프로그램, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍
      • 문은 여러 토큰으로 구성

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

        • 문은 명령문이라고도 부르며, 컴퓨터에게 내리는 명령

          • 선언문, 할당문, 조건문, 반복문 등…

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

  • 세미클론(;)은 문의 종료를 나타냄

  • JS엔진은 세미콜론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행

  • 0개 이상의 문을 중괄호로 묶은 블록 뒤에는 세미콜론을 붙이지 않음
    • 코드 블록은 언제나 문의 종료를 의미하는 자체종절경(self closing)을 갖음
  • ;은 생략이 가능
    • 세미콜론 자동 삽입 기능이 암묵적으로 수행되기 때문
    • 하지만 세미콜론을 사용하는 것을 권장함

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

  • 표현식은 문의 일부일 수도 있고 그자체로 문이 될 수도 있음

  var x; // 변수 선언문은 표현식이 아님(값으로 평가될 수 없으므로)
  x = 1+2; // 표현식이면서 완전한 문
  

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

  • 표현식인 문과 표현식이 아닌 문을 구별하는 방법

    • 변수를 할당해 보는 것

❗️ 읽은 소감

JavaScript Deep Dive 책에서 “값”이라는 용어를 많이 쓰는 경우를 보았다. 값이라는 것은 대략적으로 알 수 있었지만, 설명하라고 하면 뭐라고 설명할지 몰랐다. 값이라는 개념을 이해를 정확히 해야 다른 설명또한 매끄럽게 이해할 수 있다고 생각하여 주의깊게 보았다. 처음에는 “값은 식이 평가되어 생성되는 결과”라는 말이 이해가 되지않았다. 값을 알기 위해서는 “식(표현식)”이라는 용어와 “평가”라는 용어를 이해해야하기 때문에 일단 뒤에 표현식이라는 것 부터 보고 다시 앞으로 돌아와 다시 읽어보니 이해가 어느정도 되는 듯 했다.

❓ 궁금한 내용이나 잘 이해되지 않는 내용

• 없음