Chapter 5 표현식과 문

값

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

ex)01

10+20//10+20은 평가되어 숫자값 30을 나타낸다.
var sum = 10+20; //변수에는 10+20이 평가되어 숫자 값 30이 할당됨.

위 예제의 변수sum에 할당 되는 것은 10+20 이 아니라 10+20이 '평가'된 값 30이 할당 된다. 값은 다양한 방법으로 생성이 가능하며 식으로 생성 할 수 있지만

가장 기본적인 방법은 리터럴(literal)이다.

리터럴

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

ex)03

3// 숫자 3

위의 예제의 3은 단순한 아라비아 숫자가 아니라 숫자 리터럴

사람이 이해할 수 있는 아라비아 숫자를 사용해 숫자 리터럴3을 코드에 기술하면 자바스크립트 엔진은 이를 평가해 숫자 값 3을 생성

자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성 즉, 리터럴은 값을 생성하기 위해 미리 약속된 표기법.

표현식

표현식은 값으로 평가될 수 있는 문 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조. 리터럴은 값으로 평가된다 고로 리터럴도 표현식

var score= 50+50;
console.log(score); // 100

50+50은 리터럴과 연산자로 이루어져있다. 하지만 50+50도 평가되어 숫자값 100을 생성하므로 표현식이다. 값으로 평가될 수 있는 문은 모두 표현식

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

뒤에 나오는 말을 잠깐 빌려보자면 표현식은 값으로 평가되므로 변수에 할당 가능!

문(statement)

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

문은 여러토큰으로 구성되는데 토큰이랑 문법적인 의미를 갖고,문법적으로 더이상 나눌 수 없는 코드의 기본요소를 의미.

ex)

var sum = 1 + 2; 

위의 예제를 보면 토큰은 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); }

세미콜론과 세미콜론 자동 삽입 기능(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

저자는 세미콜론을 기본적으로 사용한다고 명시되어있다.

##### ASI에 대해 간단하게 설명하는 유튜브(얄코)

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

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

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

위의 변수선언문을 변수에 할당해보면

var 변수= var x;