05장 표현식과 문

5.1 값(05-01)

• 값은 식(표현식)이 평가되어 생성된 결과

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

05-02

• 변수에 할당되는 것은 값이고, 10+20이 아니기 때문에 10+20은 할당 이전에 평가되어 값을 생성해야 하고 이 방법은 다양하다(가장 기본이 리터럴 사용하는 방법)

// 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20;

5.2 리터럴(05-03)

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

// 숫자 리터럴 3 (아라비아 숫자가 아니라 숫자 리터럴이라 칭함)
3

5.3 표현식(05-04)

• 표현식은 값으로 평가될 수 있는 문(statement)이다

• 리터럴은 값으로 평가되기 때문에 리터럴도 표현식이다

var score = 100;

05-05

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

var score = 50 + 50;

05-06

• 식별자 참조는 값을 생성하지는 않지만 값으로 평가되므로 표현식이다

score; // -> 100 값이 나옴

05-07

• 표현식은 값처럼 사용할 수 있다

• 참고 : 1+2=3에서 1+2는 값 3을 생성하므로 표현식 1+2와 값3은 동치다

// 리터럴 표현식
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 문(05-09)

• 문(=명령문)은 프로그램을 구성하는 기본 단위이자 최소 실행 단위
  • 문의 집합으로 이뤄진 것이 프로그램
  • 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍
  • 선언문, 할당문, 조건문, 반복문 등등으로 구분
• 문은 여러 토큰으로 구성
  • 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미(var, sum, =, 1, +, 2 : 토큰)

// 변수 선언문
var x;

// 표현식 문(할당문)
x = 5;

// 함수 선언문
function foo () {}

// 조건문
if (x > 1) { console.log(x); }

// 반복문
for (var i = 0; i < 2; i++) { console.log(i); }

5.5 세미콜론과 세미콜론 자동 삽입 기능(05-10)

• ASI : 세미콜론 자동 삽입 기능

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

5.6 표현식인 문과 표현식이 아닌 문(05-11)

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

// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.
var x;
// 1, 2, 1 + 2, x = 1 + 2는 모두 표현식이다.
// x = 1 + 2는 표현식이면서 완전한 문이기도 하다.
x = 1 + 2;

05-12

• 변수에 할당을 통해 표현식인 문과 표현식이 아닌 문을 쉽게 구별 가능

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

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

05-13

• 변수 선언문(표현식X)은 값처럼 사용할 수 없다

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

05-14

• 반대로

// 표현식인 문은 값처럼 사용할 수 있다
var foo = x = 100;
console.log(foo); // 100