// 첫번째 인자값 : 이터러블 객체
// 두번째 인자값 : 이 이터러블 객체가 반복될 때마다 해야될 일을 함수 f로 받는다. 
const loop = (iter, f) => {
    // 우선 이터러블인지 아닌지를 검증
    // Symbol.iterator가 function인지를 검사, 그리고 이 함수를 불러서 return 받는게 이터레이터 객체
    // 이것이 이터러블의 정의
    // 이전에는 이것이 동적 데이터를 함부로 검사한 것처럼 보였을 것이다.
    // 하지만 지금은 자바스크립트 공식 인터페이스인 이터러블을 약식으로 검증했구나. 라고 보여야됨.
    // 그리고 iter도 검증을 해줘야된다. iterator result object인지 검증 필요. 어떻게?
    // in으로 value와 done이 있는지 검증해야된다. 여기까지는 귀찮아서 안함.
    // 어쨌든 이는 단순히 런타임 값 검사가 아니라 자바스크립트 공식 인터페이스인지 아닌지를 검증하는 것으로 봐야된다.
    if (typeof iter[Symbol.iterator] == 'function') {
        // 이터러블 인터페이스를 통해서 이터레이터를 얻었다.
        iter = iter[Symbol.iterator]();
    }else return;

    // iterator result object가 아니라면 건너뜀
    if (typeof iter.next != 'function') return;

    // 위 과정을 통과하면 드디어 루프를 돈다.
    // 아래 루프처리기는 아무 일도 못함. 그냥 돌린다라는 행위말고는 아무 것도 못함.
    // 그렇기 때문에 while 안에 true가 들어감. 무한루프를 돔.
    // 기본적으로 아래 루프문은 반복말고는 다른걸 할 생각이 없는 것이다.
    // 아래 while은 단순히 반복기일 뿐. 아무런 권한과 책임이 없다.
    // 이건 재귀함수로 짜도 상관없다. next의 결과값 done이 true일 때까지만 도는 재귀함수로 짜도 상관 없다는 것.
    do{
        const v = iter.next();
        if (v.done) return; // 종료처리
        f(v.value); // done이 false라면 현재 값을 전달함
    }while(true)
}

const loop = (iter, f) => {
    if (typeof iter[Symbol.iterator] == 'function') {
        iter = iter[Symbol.iterator]();
    }else return;

    if (typeof iter.next != 'function') return;

    do{
        const v = iter.next();
        if (v.done) return; 
        f(v.value); 
    }while(true)
}

const iter = {
    arr: [1, 2, 3, 4],
    [Symbol.iterator]() {return this;},
    next() {
        return {
            done: this.arr.length == 0,
            value: this.arr.pop()
        }
    }
};

loop(iter, console.log);