또한 yield 키워드를 이해하려고합니다. 내 현재 이해를 바탕으로 generator에서 yield 키워드는 CPU 컨텍스트 스위치처럼 작동합니다. yield 문이 실행되면 모든 상태 (예 : 로컬 변수)가 저장됩니다.
이 외에도 직접적인 결과 객체가 {value : 0, done : false}와 같이 호출자에게 반환됩니다. 호출자는이 결과 객체를 사용하여 next ()를 호출하여 생성기를 다시 '깨 울지'여부를 결정할 수 있습니다 (next () 호출은 실행을 반복 함).
또 다른 중요한 점은 값을 로컬 변수로 설정할 수 있다는 것입니다. 이 값은 생성기를 '웨이크 업'할 때 'next ()'호출자가 전달할 수 있습니다. 예를 들어 다음과 같이 it.next ( 'valueToPass') : "resultValue = yield slowQuery (1);" 다음 실행을 깨울 때와 마찬가지로 호출자는 실행에 일부 실행 결과를 로컬 변수에 주입하여 실행할 수 있습니다. 따라서이 실행에는 두 가지 상태가 있습니다.
마지막 실행에서 저장 한 컨텍스트
이 실행 트리거에 의해 주입 된 값.
따라서이 기능을 사용하면 생성기가 여러 비동기 작업을 정렬 할 수 있습니다. 첫 번째 비동기 쿼리의 결과는 로컬 변수 (위의 예에서 resultValue)를 설정하여 두 번째 비동기 쿼리에 전달됩니다. 두 번째 비동기 쿼리는 첫 번째 비동기 쿼리의 응답에 의해서만 트리거 될 수 있습니다. 그런 다음 두 번째 비동기 쿼리는 로컬 변수 값을 확인하여 다음 단계를 결정합니다. 로컬 변수는 첫 번째 쿼리의 응답에서 주입 된 값이기 때문입니다.
비동기 쿼리의 어려움은 다음과 같습니다.
콜백 지옥
콜백에서 매개 변수로 전달하지 않으면 컨텍스트가 손실됩니다.
수율과 생성기는 두 가지 모두에 도움이 될 수 있습니다.
수율과 생성기가 없으면 여러 비동기 쿼리를 정렬하려면 읽기 및 유지 관리가 쉽지 않은 컨텍스트로 매개 변수를 사용하는 중첩 콜백이 필요합니다.
다음은 nodejs로 실행되는 체인 비동기 쿼리 예제입니다.
const axios = require('axios');
function slowQuery(url) {
axios.get(url)
.then(function (response) {
it.next(1);
})
.catch(function (error) {
it.next(0);
})
}
function* myGen(i=0) {
let queryResult = 0;
console.log("query1", queryResult);
queryResult = yield slowQuery('https://google.com');
if(queryResult == 1) {
console.log("query2", queryResult);
//change it to the correct url and run again.
queryResult = yield slowQuery('https://1111111111google.com');
}
if(queryResult == 1) {
console.log("query3", queryResult);
queryResult = yield slowQuery('https://google.com');
} else {
console.log("query4", queryResult);
queryResult = yield slowQuery('https://google.com');
}
}
console.log("+++++++++++start+++++++++++");
let it = myGen();
let result = it.next();
console.log("+++++++++++end+++++++++++");
아래는 실행 결과입니다.
+++++++++++ start +++++++++++
query1 0
+++++++++++ end +++++++++++
query2 1
query4 0
아래 상태 패턴은 위의 예와 비슷한 작업을 수행 할 수 있습니다.
const axios = require('axios');
function slowQuery(url) {
axios.get(url)
.then(function (response) {
sm.next(1);
})
.catch(function (error) {
sm.next(0);
})
}
class StateMachine {
constructor () {
this.handler = handlerA;
this.next = (result = 1) => this.handler(this, result);
}
}
const handlerA = (sm, result) => {
const queryResult = result; //similar with generator injection
console.log("query1", queryResult);
slowQuery('https://google.com');
sm.handler = handlerB; //similar with yield;
};
const handlerB = (sm, result) => {
const queryResult = result; //similar with generator injection
if(queryResult == 1) {
console.log("query2", queryResult);
slowQuery('https://1111111111google.com');
}
sm.handler = handlerC; //similar with yield;
};
const handlerC = (sm, result) => {
const queryResult = result; //similar with generator injection;
if (result == 1 ) {
console.log("query3", queryResult);
slowQuery('https://google.com');
} else {
console.log("query4", queryResult);
slowQuery('https://google.com');
}
sm.handler = handlerEnd; //similar with yield;
};
const handlerEnd = (sm, result) => {};
console.log("+++++++++++start+++++++++++");
const sm = new StateMachine();
sm.next();
console.log("+++++++++++end+++++++++++");
다음은 실행 결과입니다.
+++++++++++ start +++++++++++
query1 0
+++++++++++ end +++++++++++
query2 1
query4 0