표현식과 문(javascript)

표현식과 문

값

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

// 10 + 20은 평가되어 숫자 값 30을 생성한다.
10 + 20; // 30

• 따라서 변수에 할당 되는 것은 값이다.

// 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20;

리터럴(literal)

• 번역하면 문자 생긴 그대로를 말한다.
• 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다.

표현식

• 값으로 평가될 수 있는 문(statement)이다.

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

• 표현식과 표현식이 평가된 값은 동치다

50+50 = 100 // (표현식 = 표현식이 평가된 값)

문

• 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.
• 문은 여러 토큰으로 구성되는데, 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.
• 문은 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다.

// 리터럴 표현식
10
'Hello'

// 식별자 표현식(선언이 이미 존재한다고 가정)
sum
person.name
arr[1]

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

// 함수/메서드 호출 표현식(선언이 이미 존재한다고 가정)
square()
person.getName()

세미콜론

• 세미콜론(;)은 문의 종료를 나타낸다.
• javascript는 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 **세미콜론 자동 삽입 기능(ASI)**가 수행된다.
• 붙여도 좋고, 붙이지 않아도 좋지만 미리 계획하는게 좋을 것 같다.

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

// 표현식이 아닌 문은 값처럼 사용할 수 없다.
var foo = var x; // SyntaxError: Unexpected token var

// 표현식인 문은 값처럼 사용할 수 있다
var foo = x = 100;
console.log(foo); // 100

참고

모던자바스크립트 Deep Dive