[TIL🔥]Day6(8/9)

Introduction

저번주 목요일부터 주말동안 과제를 하고 드디어 코드 리뷰라는 것을 처음 받아봤다.
아직 나의 실력이 부족해서 고쳐야할 점들이 매우 많지만, 멘토님과 팀원들의 리뷰를 받아볼 수 있다는 사실에 감사하다.
그리고 오늘은 주말에 강의를 들은 덕분에 오늘 강의는 완강했다...
완강했다는 것만으로 이렇게 기쁘다니...😆
과제도 일찍 오픈해주셔서 오늘부터 천천히 고민해봐야겠다!!

오늘 새롭게 배운 것

이번주는 함수형 프로그래밍에 대해 배운다.
강사님이 바뀌셨는데 이번주도 역시나 설명을 잘해주셔서 이해가 쏙쏙된다.

1. DOM
2. 평가와 일급
3. 이터러블/이터레이터 프로토콜
4. 제너레이터

오늘은 중요한 개념인 이터러블/이터레이터 프로토콜에 대해 다뤄보고자 한다.

🔎 이터러블/이터레이터 프로토콜

이터러블이란?

• 이터레이터를 리턴하는 [Symbol.iterator]() 를 가진 값

이터레이터란?

• {value, done} 객체를 리턴하는 next()를 가진 값

이터러블/이터레이터 프로토콜

• 이터러블을 for...of, 전개 연산자 등과 함께 동작하도록한 규약

코드를 통해 알아보기

// 사용자 정의 이터러블을 통해 알아보기
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

강의도 많고 과제도 많은 빡센 커리큘럼이지만, 하루 하루 지식을 쌓아가는 느낌이 좋고 하루를 알차게 보낼 수 있어 기쁘다.
데브코스에 붙지 못했다면, 혼자 공부하며 갈피를 잡지 못했을텐데 새삼 리아 매니저님께 감사하다~~💛
5개월간 최선을 다해 몰입하자는 다짐을 또 해본다!