• for in 은 그다지 사용할 필요가 없을 것 같다.
• prototype 체인의 프로퍼티를 순회할 수도 있다는 것이 좀 그렇다.
• 루프가 무작위로 순회 할 수도 있다는 것도 좀 별로이다.

target es3 에서 forEach

• es3 컴파일 때 내장 함수 forEach가 없으면 lib.es5를 이용한다.

  • 이 부분이 논란이 있다.

    

이터레이터란?

• Symbol.iterator 라는 키로 함수가 구현되어 있어야 한다. 이런 것들을 이터러블 하다고 한다.
• 그렇기 때문에 이터러블을 임의로 만드려면 es6 여야 한다.

대에충 만든 커스텀 이터러블

class CustomIterable implements Iterable<string> {
  name: string = 'max';
  index: number = 0;

  [Symbol.iterator]() {
    const iterator: Iterator<string> = {
      next: () => ({
        value: this.name[this.index++],
        done: !this.name[this.index - 1],
      }),
    };

    return iterator;
  }
}

const iter = new CustomIterable();

for (const str of iter) {
  console.log('hello', str);
}

커스텀 이터러블을 for of 에서 쓰려면 컴파일 설정이 필요하다.

"downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */

Decorator