자바스크립트 표현식과 문

'값'이라는 용어를 잘 알고 있는가? => No

개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것.

값

값은 표현식(expression)이 평가(evaluate)되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미

10 + 20; // 10+20 이라는 식은 평가되어 숫자 값 30을 생성

변수는 하나의 값을 저장하기 위해 확보된 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름. 즉, 변수에 할당되는 것은 값이다.

리터럴

리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말함.

3

위 코드의 3은 단순한 숫자가 아닌 숫자 리터럴이다. 아라비아 숫자를 사용해 숫자 리터럴 3을 코드에 기술하면 자바스크립트 엔진은 이를 평가해 숫자 값 3을 생성.
리터럴은 값을 생성하기 위해 미리 약속한 표기법이다.

표현식

표현식(expression)은 값으로 평가될 수 있는 문(statement)이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.

앞에서 살펴본 리터럴은 값으로 평가된다. 따라서 리터럴도 표현식이다.

표현식은 리터럴, 식별자(변수, 함수등의 이름), 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다. 다양한 표현식이 있지만 값으로 평가된다는 점에서 모두 동일
즉, 값으로 평가될 수 있는 문은 모두 표현식이다.

문

문(statement)은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.

문의 집합으로 이루어진 것이 바로 프로그램.
문을 작성하고 순서에 맞게 작성하는것이 프로그래밍.
문은 여러개의 토큰으로 이루어짐.

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

문을 명령문이라고도 부름.

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

세미콜론(;)은 문의 종료를 나타낸다.
단, 0개 이상의 문을 괄호로 묶은 코드 블록({ ...})뒤에는 세미콜론을 붙이지 않는다. 코드 블록은 문의 종료를 의미하는 자체 종결성을 갖기 때문.

그러나 자바스크립트 엔진은 소스 코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능이 있다.

그러나 세미콜론(;)을 붙여야 하는 이유

• ESLint 같은 정적 분석 도구에서도 세미콜론 사용을 기본으로 설정하고 있다.
• TC39(ECMAScript 기술 위원회)도 세미콜론 사용을 권장하는 분위기이다.
• 세미콜론 자동 삽입 기능의 동작과 개발자의 예측이 일치하지 않는 경우도 간혹 있다.

그러나 모든것은 개인의 선택이다.

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

표현식은 문의 일부일 수도 있고 그 자체로 문이 될 수도 있다.
앞서 말했듯이 표현식은 값으로 평가될 수 있는 문이다.

그러므로 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는것이다.