[JavaScript] Iterator & Generator

ES6에서 추가된 Iterator & Generator 이해하기

 

Iterator

특징

• Iterable의 이해 (for...of) - 순회(Iterate) 할 수 있는?
• next 함수의 이해
• 반복문 비동기 처리

 

활용할 수 있는 경우

• 앱 사용설명 튜토리얼 페이지

 

Generator

특징

• return Iterator
• function*, yield 명령어의 이해
• 반복문 비동기 처리
• 통신 - Lazy Parameters? (임의로 지어봤습니다)

 

활용할 수 있는 경우

• 끝말잇기 (or 베스킨라빈스 31 게임)

 

 

 

단순히 보면 next 메소드를 지닌 객체이며, 하나의 패턴에 가깝지 않나하는 생각이 듭니다.

정형화되어 자주 사용되기 때문에 ES6에서 하나의 문법으로 정의된 것 같습니다.

사용법을 익혀둔다면 비슷한 상황이 생겼을 때 코드품질을 높일 수 있을 것 같습니다.