다시 처음부터 JavaScript || 표현식과 문

✅ 출처 : 다시 처음부터 자바스크립트 게시글은 이웅모(님) '모던 자바스크립트 Deep Dive' 를 기록합니다

용어에 대한 정확한 이해는 개발자 간의 의사소통뿐 아니라 서적이나 메뉴얼과 같은 문서로르 이해하도록 돕고 프로그래밍 언어를 학습하는 데 중요한 역할을 합니다

• 값

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

var sum = 10 + 20;

변수는 하나의 값 을 저장하기 위해 메모리 공간을 식별하기 위해 붙인 이름입니다

위 예제의 sum 변수에 할당되는 것은 10+20이 아니라 평가된 값 30입니다. 즉 sum이 기억하는 메모리 공간에 저장된 것은 10+20이 아니라 값! 30입니다. 10+20은 할당전에 평가되어 값을 생성해야 합니다.

• 리터럴

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

숫자 3 이라던지 문자 'hello' 등 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성합니다

• 표현식

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

앞서 살펴본 리터럴은 값으로 평가됩니다 따라서 리터럴도 표현식입니다
값!으로 평가될 수 있는 문은 모두 표현식입니다

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

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

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

square()
person.getName() // 함수/메서드 호출 표현식

• 문

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

문은 여러 토큰으로 구성됩니다.

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

var    sum    =     1    +      2    ;
(토큰) (토큰) (토큰) (토큰) (토큰) (토큰) (토큰)

문은 컴퓨터에 내리는 명령입니다
문은 선언문, 할당문, 조건문, 반복문 등으로 구분 합니다

• 표현식인 문! 표현식이 아닌 문!

var x; // 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아닙니다

x = 1+2; // 표현식이면서 완전한 문이기도 합니다

표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 겂이다. 표현식인 문은 값! 으로 평가되므로 변수에 할당할 수 있습니다.