📚 [모던 자바스크립트 Deep Dive] 5장 표현식과 문
📝 5.1 값
값(value)은 식(표현식)이 평가되어 생성된 결과를 말한다.
모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트(bit)의 나열로 저장된다.
ex) 0100 0001 = 65 = A
//10 + 20은 평가되어 숫자 값 30을 생성한다.
10 + 20; //30
//변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다.
var sum = 10 + 20;변수에 할당되는 것은 값이다.
변수 이름이 sum이 기억하는 메모리 공간에 저장된 것은 10 + 20이 아니라 값 30이다.
값의 가장 기본적인 방법은 리터럴을 사용하는 것이다.
📝 5.2 리터럴
리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.
사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호('',"",.,[],{},// 등)로 표기한 코드를 말한다.
즉, 리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있다.
📝 5.3 표현식
표현식(expression)은 값으로 평가될 수 있는 문(statement)이다.
즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
//리터럴 표현식
10
'Hello'
//식별자 표현식(선언이 이미 존재한다고 가정)
sum
person.name
arr [1]
//연산자 표현식
10 + 20
sum = 10
sum !== 10
//함수/메서드 호출 표현식(선언이 이미 존재한다고 가정)
square()
person.getName()표현식은 값으로 평가되며, 표현식과 표현식이 평가된 값은 동등한 관계, 즉 동치(equivalent)다.
이것은 문법적으로 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다는 것을 의미한다.
예를들어, 산술 연산자 +의 좌항과 우항에는 숫자 값이 위치해야하며, 숫자 값으로 평가될 수 있는 표현식이라면 숫자 값 대신 사용할 수 있다.
var x = 1 + 2;
//식별자 표현식 x는 3으로 평가된다.
x + 3; // → 6📝 5.4 문
-
문(statement)
프로그램을 구성하는 기본 단위이자 최소 실행 단위다.문의 집합으로 이뤄진 것이 바로 프로그램이며, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍이다.
문은 여러 토큰으로 구성된다.
-
토큰(token)
문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.예를 들어, 키워드, 식별자, 연산자, 리터럴, 세미콜론(;)이나 마침표(.) 등의 특수 기호는 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소이므로 모두 토큰이다.
문은 명령문이라고도 불리며 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다.
//변수 선언문
var x;
//할당문
x = 5;
//함수 선언문
function foo () {}
//조건문
if(x > 1) { console.log(x); }
//반복문
for(var i=0; i<2; i++) { console.log(i); }📝 5.5 세미콜론과 세미콜론 자동 삽입 기능
세미콜론(;)은 문의 종료를 나타낸다.
자바스크립트 엔진은 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능(ASI: autiomatic semicolon insertion)이 암묵적으로 수행되기 때문에 생략 가능하다.
📝 5.6 표현식인 문과 표현식이 아닌 문
표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해보는 것이다.
//변수 선언문은 값으로 평가될 수 없으므로 표현식이 아니다.
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💡 알게된 것
📝 Omit<T,K>
특정 객체 타입으로부터 특정 프로퍼티 만을 제거하는 타입
interface User {
id: number;
name: string;
age: number;
gender: "M" | "W";
}
const admin Omit<User, "age" | "gender"> = {
id: 0,
name: "Bob",
}User에서 age, gender는 제외되고 id, name만 사용
📝 TextareaHTMLAttributes<HTMLTextAreaElement>
TypeScript에서 <textarea> 엘리먼트에 적용할 수 있는 속성들을 모아놓은 타입
이 타입에는 autoFocus, cols, rows, value, placeholder 등 <textarea>에 적용 가능한 속성들이 포함
