본문 바로가기

TIL

<자바스크립트 Javascript> 자주 사용되는 용어 알기

자바스크립트에서 자주 사용되는 용어와 그 의미를 정리한 것이다. 내용은 아래와 같다.

 

 

1) 값

식(표현식)이 평가되어 생성된 결과이다. 평가는 식을 해석해서 값을 생성하거나 참조한 것이다.

ex. 10 + 20 -> 평가되어 30이라는 값 생성

 

 

2) 리터럴

사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 혹은 약속된 기호('', "", ., [], {}, // 등)를 사용해 값을 생성하는 표기법이다. 자바스크립트는 리터럴을 평가해 값을 생성한다.

 

 

3) 표현식

값으로 평가될 수 있는 문(statement)이다. 표현식이 평가되면 새로운 값을 생성하거나 기존의 값을 참조한다. 리터럴도 값으로 평가되기 때문에 표현식이 된다.

ex. 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합

 

또한 표현식은 표현식이 평가된 값과 동등한 관계를 맺으므로 표현식을 값처럼 사용할 수 있다.

 

 

4) 문(statement)

문과 표현식을 구별, 해석이 가능하다면 자바스크립트 엔진 입장에서 코드를 읽을 수 있고, 실행 결과를 예측할 때도 도움이 된다. 문은 프로그램을 구성하는 기본 단위, 최소 실행 단위다. 문이 모이면 프로그램이 된다.

 

문은 여러 토큰으로 구성되는데, 토큰(token)이란 문법적인 의미를 가지고 있으며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 뜻한다. 토큰의 예로 키워드, 식별자, 연산자, 리터럴, 세미콜론이나 마침표 등이 있다.

 

또한 문은 명령문이기도 하다. 컴퓨터에 문을 주면 명령이 실행되기 때문이다.

 

 

5) 세미콜론(;)

세미콜론을 사용하면 문이 종료된다. 다만 코드 블록({ })뒤에는 세미콜론을 붙이지 않는다. 예로, if문, for문, 함수 등의 코드 블록 뒤에서는 세미콜론을 필요로 하지 않는다('자체종결성'을 가짐 - 세미콜론 없이도 종료를 의미함).

 

또한 세미콜론은 자바스크립트 엔진에서는 세미콜론 자동 삽입 기능(ASI)이 자동으로 수행되어 생략이 가능하기도 하다. 다만 개발자의 의도와 자바스크립트의 엔진이 해석한 결과가 다르게 나타날 수 있으므로 생략 시 이 점에 유의가 필요하다.

 

 

6) 표현식과 문의 구분

표현식과 문의 개념이 혼동될 수 있다. 구별하는 방법으로는 값으로 평가될 수 있는지만 판단하면 된다. 예로, 변수 선언문은 값으로 평가될 수 없으므로 표현식이 될 수 없는 문이다.

 

 

 

 

 

참고 : 도서 <모던 자바스크립트 Deep Dive>