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

* 본 블로그 글은 모던 자바스크립트를 읽으며 진행했음을 밝힙니다.

* 개인적인 공부 기록용이, 상업적으로 사용하지 않으며 문제가 있을 시 즉시 글을 내리도록 하겠습니다.

 

5장 표현식과 문

 

1. 용어 설명

🍚 값

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

🍛 쉽게 말하면 어떤 표현의 결과라고 이해하자.

 

🍚 리터럴

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

🍛 쉽게 말하면 눈에 보이는 글자들이라고 이해하자.

 

🍚 표현식

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

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

🍛 쉽게 말하면 그냥 코드 한 줄? 정도로 생각하자.

 

🍚 문(statement)

🍛 프로그램을 구서하는 기본 단위이자 최소 실행 단위이다.

🍛 쉽게 말하면 실행가능한 코드 한 줄이라고 생각하자.

🍛 선언문, 조건문, 반복문 등등...

var x = 1 + 2;

 

🍚 토큰(token)

🍛 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.

🍛 쉽게 말하면 코드의 단어 하나씩이라고 생각하자.

var sum = 1 + 2;

// 아래는 토큰들이다.
// var
// sum
// =
// 1
// +
// 2

 

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

코드에서 세미콜론( ; )은 코드의 종료를 나타낸다.

Java에서는 꼭 붙인다.

하지만, Javascrpit에서는 붙이는 사람이 있고, 붙이지 않는 사람이 있다.

그 이유는 자바스크립트 엔진이 소스코드를 해석할 때

문의 끝이라고 예측되는 지점에

세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능이 암묵적으로 수행되기 때문이다.

🍜 물론 붙여야 좋다. 습관을 가져보자.

 

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

무슨 소리인지 모를 것이다.

이를 구별하는 가장 간단한 방법은 변수에 할당해 보는 것이다.

// 변수 선언문은 표현식이 아닌 문이다.
var x;

// 이렇게 사용하면 오류가 난다.
var y = var x 

// 할당문은 표현식인 문이다.
x = 100;

🦪 구분하는 더 쉬운 방법은 크롬 console창을 확인해보면 된다.

🦪 표현식이 아닌 문을 실행하면 undefined가 나오고, 표현식인 문을 실행하면  평가된 값을 반환한다.

🦪 헷갈린다면 해보자.

 

끝!