[TIL🔥]Day6(8/9)

Introduction

今日新しく学んだもの

🔎 アプレット/アプレットプロトコル

かわいいとは?

イテレーションとは?

アプレット/アプレットプロトコル

コードによる理解

// 사용자 정의 이터러블을 통해 알아보기
const iterable = {
	 // Symbol.iterator를 가지기 때문에, for...of 동작 가능
   [Symbol.iterator](){
			let i = 3;
      // iterator 객체를 리턴
      return {
            // iterator는 {value, done}을 리턴
            next(){
                return i === 0 ? { done: true } : { value: i--, done: false };
            },
            // wellformed 이터레이터를 만들기 위해 추가
            [Symbol.iterator]() {return this}
        }
    }
};

let iterator = iterable[Symbol.iterator]();
for (const a of iterable) log(a); // 3 2 1
// wellformed 이터레이터로 변경 후 아래 코드도 동작
iterator.next();
for (const a of iterator) log(a); // 2 1

// wellformed 이터레이터라면, 이터레이터 역시 이터러블 해야함
const arr2 = [1, 2, 3];
let iter = arr2[Symbol.iterator]();
iter.next();
// 자기 자신을 반환
log(iter[Symbol.iterator]() === iter) // true
for (const a of iter) log(a); // 2 3

Comment