[5강] 표현식과 문

💡 값

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

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

모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다.

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 따라서 변수에 할당되는 것은 값이다.

🗝 리터럴

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

사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호('', ., [], {}, // 등)로 표기한 코드다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.
➡️ 즉, 리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있다.

🔮 표현식

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

let score = 100;

여기서 100은 리터럴이다. 리터럴 100은 자바스크립트 엔진에 의해 평가되어 값을 생성하므로 리터럴은 그 자체로 표현식이다.

let score = 50+50;

50 + 50은 리터럴과 연산자로 이뤄져있다. 하지만 50+50도 평가되어 숫자 값 100을 생성하므로 표현식이다.

score // -> 100

변수 식별자를 참조하면 변수 값으로 평가된다. 식별자 참조는 값을 생성하지는 않지만 값으로 평가되므로 표현식이다.

이처럼 표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다. 다양한 표현식이 있지만 값으로 평가된다는 점에서 모두 동일하다.

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

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

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

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

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

표현식은 값으로 평가된다. 이때 표현식과 표현식이 평가된 값은 동치(동등한 관계)이다. 표현식은 값처럼 사용할 수 있다. 이것은 문법적으로 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다는 것을 의미한다.

let x = 1+2 ;
x + 3 // -> 6

위의 예제 x+3은 표현식이다. 숫자값이 위치해야 할 좌항에 표현식 x를 사용할 수 있다. 이처럼 표현식은 다른 표현식의 일부가 되어 새로운 값을 만들어 낼 수 있다.

⚖️ 문

• 문 : 프로그램을 구성하는 기본 단위이자 최소 실행 단위이다.
  ➡️ 문의 집합으로 이뤄진 것이 바로 프로그램이며, 문을 작성하고 순서에 맞게 나열하느 것이 프로그래밍이다.

문은 여러개의 토큰으로 구성된다.

• 토큰 : 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미.
  ex) 키워드, 식별자, 연산자, 리터럴, 세미콜론 이나 마침표 등의 특수 기호는 문법적인 의미를 가지며, 문법적으로 더 이상 나눌수 없는 코드의 기본 요소 👉 모두 토큰 !

문을 명령문이라고도 부른다. 즉 문은 컴퓨터에 내리는 명령이다.
문은 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다.

세미콜론

세미콜론(;)은 문의 종료를 나타낸다.
즉, 자바스크립트 엔진은 세미콜론으로 문이 종료한 위치를 파악하고 하나씩 문을 실행한다. 따라서 문을 끝낼 때는 세미콜론을 붙여야한다.

단, 0개 이상의 문을 중괄호로 묶은 코드블록 ({...}) 뒤에는 세미콜론을 붙이지 않는다. if 문, for 문, 함수 등의 코드 블록 뒤에는 세미콜론을 붙이지 않는다. 이러한 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성(self closing)을 갖기 때문이다.

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

문에는 표현식인 문과 표현식이 아닌 문이 있다.

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

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

x =100; // 할당문은 그 자체가 표현식이지만, 완전한 문이기도 하다. 즉 할당문은 표현식인 문이다.

👉 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다. 표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러가 발생한다.

let foo = let x; // SyntaxError: Unexpected token let

let foo = x = 100;
console.log(foo); // 100

할당문을 값처럼 변수에 할당했다. 표현식인 문인 할당문은 할당한 값으로 평가된다.
즉 x=100은 x 변수에 할당한 값 100으로 평가된다. 따라서 foo 변수에는 100이 할당된다.