함수를 호출하면 함수 블록의 코드를 한 번에 실행하지만,
제너레이터(Generator)오브젝트는 나누어서 실행할 수 있습니다.

• Generator
  • function* 선언문
  • function* 표현식
  • GeneratorFunction():제너레이터 함수 생성
  • yield: 제너레이터 함수 실행,멈춤
  • next():yield 단위로 실행
  • next() 활용 예제
  • throw(): Error 발생
  • yield* 키워드

ES6에서 Array오브젝트에 9개의 메서드가 추가되었습니다.
추가된 메서드를 살펴봅니다.

• Array 오브젝트
  • from(): Array 오브젝트 생성
  • of(): 배열 엘리먼트 설정
  • copyWithin(): 범위 값 복사, 설정
  • fill(): 범위 값 변경
  • entries(): 이터레이터 오브젝트 생성
  • keys(): key 이터레이터 오브젝트 생성
  • values(): value 이터레이터 오브젝트 생성
  • find(): 엘리먼트 값 비교, 반환
  • findIndex(): 배열 인덱스 반환

템플릿 리터럴(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 연산자는 “...”을 작성하고 뒤에 이터러블 오브젝트를 작성합니다.