템플릿 리터럴(Template Literal)은 문자열 처리를 위한 템플릿을 제공합니다.

1
2
3
4
5

`string`  
`string text line 1  
 string text line 2`  
`string ${expression} string`  
tag `string ${expression} text`

• String 오브젝트
  • Unicode
    • fromCodePoint(): 코드 포인트 문자 반환
    • codePointAt(): 코드 포인트 값 반환
  • includes(): 문자열 포함 여부
  • startsWith(): 문자열 시작 여부
  • endsWith(): 문자열 종료 여부
  • repeat(): 문자열 복제
  • normalize(): 유니코드 정규화 형식 변환

Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다.

Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없습니다.

BigInt는 Number 원시 값이 안정적으로 나타낼 수 있는 최대치인 253 - 1보다 큰 정수를 표현할 수 있는 내장 객체입니다.

다른 전역 객체와 달리 Math는 생성자가 아닙니다. Math의 모든 속성과 메서드는 정적입니다.

ES6에서 Number 오브젝트에 상수와 메서드가 추가되었습니다.
2진수가 추가되었고 8진수가 재정의 되었습니다.

• Number 오브젝트
  • Number 상수
    • 64비트 유동 소수점
  • EPSILON
  • 진수 리터럴
    • 2진수(Binary)
    • 8진수(Octal)
  • isNaN(): NaN 여부
  • isInteger(): 정수 여부
  • isSafeInteger(): 안정 정수 여부
  • isFinite(): 유한 값 여부

ES6에서 Object 오브젝트에 작성하고 제어하는 방법이 추가 되었습니다.
어떤것은 ES5와 다르게 변경된 것도 있습니다.

• Object

  • 오퍼레이션
  • 디스크립터
  • get, set 속성
  • getter
  • setter
  • is(): 값과 값 타입 비교
  • assign(): 오브젝트 프로퍼티 복사
  • assign() 필요성
  • assign() 고려사항
  • assign() getter
  • setPrototypeOf():__proto__에 첨부
  • __proto__

ES6에 추가된 다양한 형태의 오퍼레이션(Operation) 과 for-of 문 과 ES7에 추가된 거듭제곱 연산자를 살펴봅니다.

• Operation
  • 프로퍼티 이름조합
  • Default Value
  • Default 파라미터
  • for-of
  • 거듭 제곱 연산자 (**)

Destructuring 은 배열의 값 또는 객체의 속성을 별개의 변수로 압축 해제할 수있는 JavaScript 표현식입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

let a, b, rest;  
  
[a, b] = [10, 20];  
console.log(a); // 10  
console.log(b); // 20  
  
[a, b, ...rest] = [10, 20, 30, 40, 50];  
console.log(a); // 10  
console.log(b); // 20  
console.log(rest); // [30, 40, 50]  
  
({ a, b } = { a: 10, b: 20 });  
console.log(a); // 10  
console.log(b); // 20  
  
  
// Stage 4(finished) proposal  
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});  
console.log(a); // 10  
console.log(b); // 20  
console.log(rest); // {c: 30, d: 40}

변수에 배열의 엘리먼트를 할당한다는 표현보다 배열의 엘리먼트를 변수에 할당한다는 표현이 더 정확합니다.
배열의 엘리먼트 값을 변수에 할당하기 위해서는
먼저, 배열의 엘리먼트를 분할하고 분할된 엘리먼트 값이 변수에 할당되기 때문입니다.

개요

전개(Spread) 연산자는 이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개합니다. (복사)

객체(혹은 배열)를 가리키는 것이 아닌 내부의 값을 복사하여 새로운 객체(혹은 배열)를 만들어 내기 때문에
불변성을 지켜줘야하는 곳에 자주 사용됩니다.

전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있습니다.

• 기본형

[…iterableObject]

• function에서

function(…iterableObject);

• array에서

[…iterableObj, ‘4’, ‘five’, 6];

• object 에서

let objClone = { …obj };
//ECMAScript 2018에서 추가되었습니다.

spread 연산자는 “...”을 작성하고 뒤에 이터러블 오브젝트를 작성합니다.

1. 개요

Iteration은 반복 처리를 나타내며 이를 위한 프로토콜(Protocol)을 갖고 있습니다.

protocol 이라고 하면 통신이 연상되는데
통신에 있어 프로토콜은 약속된 기준과 방법으로 데이터를 송수신하는 것을 의미합니다. (통신 프로토콜 = 통신규약)

ES6에서 프로토콜도 규약입니다.
Iteration을 위한 규약이 있으며 이를 지켜야 반복 처리가 가능합니다.

예를 들어 자바스크립트에서 Array(배열)를 반복 처리 하기 위해서는
배열이 반복할 수 있는 Object(오브젝트)여야 하며,
오브젝트에 반복 처리를 할 수 있는 method(메서드)가 필요합니다.
이러한 규약이 ES6의 Iteration Protocol (반복 처리 규약) 입니다.

arrow(화살표) 함수는
function(param) {코드} 형태를 축약한 것으로

(param) => {코드}

형태로 작성합니다.

화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다.
화살표 함수는 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다.