[TIL] 표현식과 문

Kangsick·2022년 1월 11일
0

TIL

목록 보기
2/27

05 표현식과 문

5.1 값

  • 은 식이 평가되어 생성된 결과를 말한다
  • 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 말한다
15; // 10 + 20은 평가되어 값 30을 생성한다
5+10; // 30
  • 변수에 할당되는 것은 값이다

5.2 리터럴

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

5.3 표현식

  • 표현식은 값으로 평가될 수 있는 문
  • 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조
25
'Hi' //리터럴 표현식

sum
person.age
arr[0] //식별자 표현식

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

squre()
person.getName() //함수/메서드 호출 표현식

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

5.4 문

  • 문과 표현식을 구별하고 해석할 수 있으면 JS엔진 입장에서 코드를 읽을 수 있고 실행 결과를 예측하는데 도움을 주며, 버그를 줄이고 코드 품질을 높여준다
  • 은 프로그램을 구성하는 기본 단위이자 최소 실행 단위
    • 문의 집합으로 이루어지면 프로그램, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍
    • 문은 여러 토큰으로 구성
  • 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미
  • 문은 명령문이라고도 부르며, 컴퓨터에게 내리는 명령
    • 선언문, 할당문, 조건문, 반복문 등...

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

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

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

  • 표현식은 문의 일부일 수도 있고 그자체로 문이 될 수도 있음
var x; // 변수 선언문은 표현식이 아님(값으로 평가될 수 없으므로)
x = 1+2; // 표현식이면서 완전한 문
  • 표현식인 문은 값으로 평가될 수 있는 문이며, 표현식이 아닌 문은 값으로 평가될 수 없는 문
  • 표현식인 문과 표현식이 아닌 문을 구별하는 방법
    • 변수를 할당해 보는 것
profile
성장하는 프론트엔드 개발자의 길

0개의 댓글