[모던 자바스크립트 Deep Dive] 05장
05장 표현식과 문
5.1 값
표현식(expression)이 평가(evaluate)되어 생성된 결과를 말한다.
평가 : 식을 해석해서 값을 생성하고나 참조하는 것
예제 05-01
// 10 + 20은 평가되어 숫자 값 30을 생성한다. 10 + 20; // 30모든 값은 데이터 타입을 가지며, 비트로 나열
데이터 타입에 따라 값이 다르게 해석될 수 있다.
예제 05-02
// 벼눗에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다. var sum = 10 + 20;
5.2 리터럴
리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)
예제 05-03
// 숫자 리터럴 3 3자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.
5.3 표현식
표현식(expression) : 값으로 평가될 수 있는 문(statement), 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
예제 05-04
var score = 100;50 + 50은 리터럴과 연산자로 이루어져있음. 표현식
예제 05-05
var score = 50 + 50;변수 식별자를 참조하면 변수 값으로 평가, 값이므로 표현식이다.
예제 05-06
score; // -> 100예제 05-07
// 리터럴 표현식 10 'Hello; // 식별자 표현식(선언이 이미 존재한다고 가정) sum person.name arr[1] // 연산자 표현식 10 + 20 sum = 10 sum !== 10 // 함수/메서드 호출 표현식(선언이 이미 존재한다고 가정) square() person.getName()예제 05-08
var x = 1 + 2; // 식별자 표현식 x는 3으로 평가된다. x + 3; // -> 6표현식은 다른 표현식의 일부가 되어 새로운 값을 만들어낼 수 있다.
5.4 문
문(statement) : 프로그램을 구성하는 기본 단위이자 최소 실행 단위
- 토큰(token) : 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소, 키워드, 식별자, 연산자, 리터럴, 세미콜론, 마침표
- 명령문 -> 선언문, 할당문, 조건문, 반복문
예제 05-09
// 변수 선언문 var x;// 할당문x = 5;// 함수 선언문function foo () {} // 조건문if (x > 1 ) { console.log(x); }// 반복문for (var i = 0; i < 2; i++>) { console.log(i); }
5.5 세미콜론과 세미콜론 자동 삽입 기능
세미콜론(;) -> 문의 종료를 의미
중괄호로 묶은 코드 블록 뒤에는 세미콜론을 붙이지 않는다. if, for, 함수
- 자체 종결성(self closing)을 갖기 때문
세미콜론은 생략이 가능하다 -> 자바스크립트 엔진이 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능(ASI automatic semicolon insertion)이 암묵적으로 수행되기 떄문
- ASI를 제대로 예측하지 못해 제대로 활용하지 못하는 경우도 있음
예제 05-10
function foo () { return {} // ASI의 동작 결과 => return; {}; // 개발자의 예측 => return ();}console.log(foo()); // undefinedvar bar = function () {}(function() {})();// ASI 동작 결과 => var bar = function () {}(function() {})();// 개발자의 예측 => var bar function () {}; (function() {})();// TypeError: (intermediate value)(...) is not a function세미콜론을 붙이거나 안붙이거나 얘기가 많지만 책에서는 붙이기로 함.
5.6 표현식인 문과 표현식이 아닌 문
표현식은 문의 일부 일수도 있고 그 자체로 문이 될 수도 있따.
예제 05-11
// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.var x;// 1, 2, 1 + 2, x = 1 + 2는 모두 표현식이다.// x = 1 + 2는 표현식이면서 완전한 문이기도 하다.x = 1 + 2;표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다.
예제 05-12
// 표현식이 아닌 문은 값처럼 사용할 수 없다.var foo = var x; // SyntaxError : Unexpected token var예제 05-13
// 변수 선언문은 표현식이 아닌 문이다.var x;// 할당문은 그 자체가 표현식이지만 완전한 문이기도 하다. 즉, 할당문은 표현식인 문이다.x = 100;예제 05-14
// 표현식인 문은 값처럼 사용할 수 있다.var foo = x = 100;console.log(foo); // 100
