값(value)
: 표현식(expression)이 평가(evaluate)
되어 생성된 결과
평가
: 식을 해석해서 값을 생성하거나 참조하는 것
변수 : 하나의 값
을 저장하기 위해 확보한 메모리 공간 자체 또는 공간을 식별하기 위해 붙인 이름. 변수에 할당되는 것은 값
.
값 생성
: 리터럴을 사용하는 것
// 10 + 20은 평가되어 숫자 값 30을 생성한다.
10 + 20; // 30
// 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20;
리터럴(literal)
: 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)
리터럴은 평가되어 값을 생성함.
- 리터럴을 사용해 다양한 종류(
data type
)의 값을 생성- 정수 리터럴
- 부동소수점 리터럴
- 2진수 리터럴
- 8진수 리터럴
- 16진수 리터럴
- 문자열 리터럴
- 불리언 리터럴
- null 리터럴
- undefined 리터럴
- 객체 리터럴
- 배열 리터럴
- 함수 리터럴
- 정규 표현식 리터럴
// 숫자 리터럴 3
3;
표현식(expression)
: 값
으로 평가될 수 있는 문(statement)
. 표현식이 평가되면 새로운 값을 생성
하거나 기존 값을 참조
함.
리터럴 => 값으로 평가됨 => 리터럴도 표현식
리터럴은 그 자체로 표현식이다.
var score = 100;
50 + 50도 평가되어 숫자 값 100을 생성. 표현식임.
var score = 50 + 50;
변수 식별자를 참조하면 변수 값으로 평가됨. 값으로 평가되므로 표현식임.
score; // -> 100
=> 값으로 평가될 수 있는 문은 모두 표현식이다.
// 리터럴 표현식
10;
("Hello");
// 식별자 표현식(선언이 이미 존재한다고 가정)
sum;
person.name;
arr[1];
// 연산자 표현식
10 + 20;
sum = 10;
sum !== 10;
// 함수/메서드 호출 표현식(선언이 이미 존재한다고 가정)
square();
person.getName();
표현식은 다른 표현식의 일부가 되어 새로운 값을 만들어 낼 수 있음.
var x = 1 + 2;
// 식별자 표현식 x는 3으로 평가된다.
x + 3; // -> 6
문(statement)
/ 표현식(expression)
문
: 프로그램을 구성하는 기본 단위이자 최소 실행 단위. 문의 집합이 프로그램. 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍.
토큰
: 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소. 예) 키워드, 식별자, 연산자, 리터럴, 세미콜론, 마침표 등
- 문
- 선언문
- 할당문
- 조건문
- 반복문
- ...
// 변수 선언문
var x;
// 표현식 문(할당문)
x = 5;
// 함수 선언문
function foo() {}
// 조건문
if (x > 1) {
console.log(x);
}
// 반복문
for (var i = 0; i < 2; i++) {
console.log(i);
}
세미콜론은 문
의 종료를 나타냄. 문을 끝낼 때는 세미콜론을 붙여야 함. 그러나 0개 이상의 문을 중괄호로 묶은 코드 블록
뒤에는 붙이지 않음. 코드 블록
은 자체 종결성을 갖기 때문.
세미콜론은 생략 가능 => 자바스크립트 엔진이 세미콜론 자동 삽입 기능(ASI, automatic semicolon insertion)
을 갖고 있기 때문.
function foo() {
return;
{
}
// ASI의 동작 결과 => return; {};
// 개발자의 예측 => return {};
}
console.log(foo()); // undefined
var bar = (function () {})(function () {})();
// ASI의 동작 결과 => var bar = function () {}(function() {})();
// 개발자의 예측 => var bar = function () {}; (function() {})();
// TypeError: (intermediate value)(...) is not a function
표현식은 문의 일부일 수도 있고, 그 자체로 문이 될 수도 있음.
- 문
표현식인 문
(값으로 평가될 수 있음)표현식이 아닌 문
(값으로 평가될 수 없음)
=> 구별하는 가장 간단하고 명료한 방법 : 변수에 할당해보는 것.
// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.
var x;
// 1, 2, 1 + 2, x = 1 + 2는 모두 표현식이다.
// x = 1 + 2는 표현식이면서 완전한 문이기도 하다.
x = 1 + 2;
// 표현식이 아닌 문은 값처럼 사용할 수 없다.
var foo = var x; // SyntaxError: Unexpected token var
// 변수 선언문은 표현식이 아닌 문이다.
var x;
// 할당문은 그 자체가 표현식이지만 완전한 문이기도 하다. 즉, 할당문은 표현식인 문이다.
x = 100;
// 표현식인 문은 값처럼 사용할 수 있다
var foo = (x = 100);
console.log(foo); // 100
- 완료 값_크롬 개발자 도구
표현식이 아닌 문
을 실행하면 언제나 undefined를 출력.표현식인 문
을 실행하면 언제나 평가된 값을 반환