# * 비동기적 프로그래밍 - 3. Generator

function* getHidikiMembers() {
  yield 'Wabi';
  yield 'Taek';
  yield 'Tesilio';
  yield 'One';
  yield 'Hidekuma';
}

const hidikiMembers = getHidikiMembers();
console.log(hidikiMembers.next()); // {value: "Wabi", done: false}
console.log(hidikiMembers.next()); // {value: "Taek", done: false}
console.log(hidikiMembers.next()); // {value: "Tesilio", done: false}
console.log(hidikiMembers.next()); // {value: "One", done: false}
console.log(hidikiMembers.next()); // {value: "Hidekuma", done: false}
console.log(hidikiMembers.next()); // {value: undefined, done: true}

function *askFavoriteColor(){
    const name = yield 'What is your name?';
    const color = yield 'What is your favorite color?'
    return `${name}'s favorite color is ${color}.`;
}

const wfc = askFavoriteColor();
wfc.next(); // {value:'What is your name?', done:false}
wfc.next('Wabi'); // {value:'What is your favorite color?', done:false}
wfc.next('red'); // {value:'Wabi's favorite color is red.', done:true}

function* abc(){
    yield 'a';
    yield 'b';
    return 'c';
}

const it = abc();
it.next(); // {value : 'a', done : false}
it.next(); // {value : 'b', done : false}
it.next(); // {value : 'c', done : true}

/*이렇게 value값이 c 까지 반환은 하지만 done이 true로 반환 될 시,
for ... of 루프에서 c는 출력되지 않는다.
이유는 done 이 true 이면 value 프로퍼티에 주의를 기울이지 않기 때문이다.*/

for(let l of abc()){
    console.log(l);
}
// 'a' 와 'b'는 출력되지만 'c'는 출력되지 않는다.

const users = ['Wabi','Taek','Tesilio','Hidekuma','One'];

const getRandomIdx = obj => new Promise(resolve => {
  setTimeout(() => resolve({
      ...obj,
      idx : Math.floor(Math.random() * users.length)
  }), 1000);
});

const getUserByIdx = obj => new Promise(resolve => {
  setTimeout(() => resolve({
      ...obj,
      name : users[obj.idx]
  }), 1000);
});

// 프로미스 활용할 경우 : 프로미스 함수 매개 변수 삽입과 반환이 Object라면 아래처럼 단순하게 구현 가능.
Promise.resolve({})
.then(getRandomIdx)
.then(getUserByIdx)
.then(obj => console.log(`배열 ${obj.idx+1} 번째 ${obj.name}가 있습니다.`))

//하지만 삽입 & 반환 데이터 타입이 다르다면 불가피하게 밖에 변수를 활용해야한다.
const getNextUserByName = idx => new Promise(resolve=>{
    setTimeout(() => resolve(users[idx] || '없습니다.',1000));
});
let resultObj;
Promise.resolve({})
.then(getRandomIdx)
.then(getUserByIdx)
.then(obj => {
    resultObj = {...obj};
    return getNextUserByName(obj.idx+1);
})
.then(nextName => console.log(`배열 ${resultObj.idx+1} 번째 ${resultObj.name}가 있습니다. 그리고 다음순서는 ${nextName}`));

//잘못된 활용
function* gen () {
  const objId = yield getRandomIdx();
  const objName = yield getUserByIdx();
  console.log({...objId,...objName});
}
const g = gen();
g.next(); // {value: Promise, done: false}
g.next(); // {value: Promise, done: false}
g.next(); // {value: undefined, done: true}
//Uncaught TypeError: Cannot read property 'idx' of undefined
//위 처럼 잘못되는 이유는 next() 가 프로미스를 value 로 반환 하기 때문이다.

//옳바른 활용
function* gen () {
  const objId = yield getRandomIdx();
  const objName = yield getUserByIdx(objId);
  yield getNextUserByName(objName.idx+1);
}
const g = gen();
g.next().value.then(objId => {
    g.next(objId).value.then(objName => {
        //현재 스코프 내부 objName 상태
        /*
        {
            value : {
                idx : 1,
                name : "Taek"
            },
            done : false
        }
        */
        g.next(objName).value.then(nextName => {
            console.log(`배열 ${resultObj.idx+1} 번째 ${resultObj.name}가 있습니다. 그리고 다음순서는 ${nextName}`)
        });
    });
});

const co = gen => new Promise(resolve => {
  const g = gen();
  const onFulfilled = res => {
    const ret = g.next(res);
    next(ret);
  }
  const next = ret => {
    if (ret.done) return resolve(ret.value);
    return ret.value.then(onFulfilled)
  }
  onFulfilled();
});

function* gen () {
  const objId = yield getRandomIdx();
  const objName = yield getUserByIdx(objId);
  return getNextUserByName(objName.idx+1);
  //co 함수 내부 ret.done 값이 true 일때 종료하기위해 return을 사용하였다.
}
co(gen).then(user => console.log(user)); // Taek (랜덤한 이름)