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

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

◾ 값

값value은 식expression이 평가evaluate되어 생성된 결과를 말한다.

모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트bit의 나열로 저장된다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다.

var sum = 10 + 20; //sum의 값은 30

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체

변수에 할당되는 것은 값

◾ 리터럴

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

자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.

◾ 표현식

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

var score = 100; //100은 리터럴

*리터럴도 표현식

var score = 50 + 50; // 50 + 50도 표현식

값으로 평가될 수 있는 문은 모두 표현식이다.

표현식과 표현식이 평가된 값은 동등한 관계, 즉 동치equivalent 이다.

*1 + 2 = 3 에서 1 + 2 와 3은 동치

 

◾ 문

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

문은 여러 토큰으로 구성된다. 토큰token이란 문법적인 의미를 가지며, 문법적으로 더이상 나눌 수 없는 코드의 기본 요소를 의미한다.

var sum = 1 + 2; // => 문
//var, sum, =, 1, +, 2 => 토큰

문은 명령문이라고도 부른다.

 

문의 구분 4가지 : 선언문, 할당문, 조건문, 반복문

//변수 선언문
var x;

//할당문
x = 5;

//함수 선언문
function foo () {}

//조건문
if (x > 1) { console.log(x); }

//반복문
for (var i = 0; i < 2; i++) { console.log(i) }

 

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

세미콜론은 문의 종료를 나타냄

코드블록 뒤에는 세미콜론을 붙이지 않는다.

*코드블록은 언제나 문의 종료를 의미하는 자체 종결성selfclosing을 갖기 때문

자바스크립트는 세미콜론 자동 삽입 기능(ASI automatic semicolon insertion)이 암묵적으로 수행됨

세미콜론 사용을 권장함

 

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

표현식인 문 : 값으로 평가될 수 있는 문

표현식이 아닌 문 : 값으로 평가될 수 없는 문

var x; //표현식이 아닌 문
x = 1 + 2;//표현식인 문

표현식인 문과 표현식이 아닌 문을 구별하는 방법 : 변수에 할당해 보는 것

 

 

 

출처 : 이웅모. 「모던 자바스크립트 Deep Dive」. 위키북스. 2023