[JS] 표현식과 문

📚 표현식과 문

📝 값(value)

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

• 평가(evaluate) : 식을 해석해서 값을 생성하거나 참조하는것

 

📝 리터럴(literal)

리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)
자바스크립트 엔진은 코드가 실행되는 시점인 "런타임(runtime)" 에 "리터럴을 평가"해 값을 생성한다.

 

📝 표현식(expression)

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

// 리터럴 표현식
10;
("Hello");
 
// 식별자 표현식(선언이 이미 존재한다고 가정)
sum;
person.name;
arr[1];
 
// 연산자 표현식
10 + 20;
sum = 10;
sum !== 10;
 
// 함수,메서드 호출 표현식(선언이 이미 존재한다고 가정)
square();
person.getName();

 

💡 리터럴과 표현식 차이점

• 리터럴(literal) : 값을 직접 적는 것 -> 10, "Hello"
• 표현식(expression) : 연산 등을 포함하여 값을 생성하는 것

 

📝 문(statement)

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

• 문의 집합으로 이뤄진 것 -> 프로그램
• 문을 작성하고 순서에 맞게 나열하는 것 -> 프로그래밍
• 문은 여러 토큰으로 구성
  • 토큰(token)이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미
  • 예 : 키워드, 식별자, 연산자, 리터럴, 세미클론(;), 마침표(.) 등
  • 간단하게 조건문, 선언문, 반복문을 생각하면 된다.

 

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

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

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

표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는것

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

위 예제의 변수 선언문은 표현식이 아닌 문이다.
다시 말해 값으로 평가될 수 없다.
따라서 변수 선언문은 값처럼 사용할 수 없다.

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

위 예제의 할당문 x = 100은 그 자체가 표현식이다. 즉, 할당문은 표현식인 문이기 때문에 값처럼 사용할 수 있다.

---

https://github.com/gxnie/modernJS__deepDive/blob/main/ch05/Expression.md

modernJS__deepDive/ch05/Expression.md at main · gxnie/modernJS__deepDive