[javascript] JavaScript에서 yield 키워드는 무엇입니까?

Nick Sotiros의 답변을 단순화 / 정교하게 만드는 방법은 훌륭하다고 생각합니다 yield.

내 의견으로는, 사용의 가장 큰 장점 yield 코드에서 볼 수있는 모든 중첩 콜백 문제를 제거한다는 것입니다. 처음에는 방법을 알기가 어렵 기 때문에이 답변을 작성하기로 결정했습니다 (나 자신과 다른 사람들을 위해)!

이를 수행하는 방법은 필요한 것을 얻을 때까지 자발적으로 중지 / 일시 정지 할 수있는 기능인 공동 루틴 아이디어를 도입하는 것입니다. 자바 스크립트에서 이는로 표시됩니다 function*. function*기능 만 사용할 수 있습니다 yield.

다음은 일반적인 자바 스크립트입니다.

loadFromDB('query', function (err, result) {
  // Do something with the result or handle the error
})

이제 모든 코드 (이 loadFromDB호출 을 기다려야 함 ) 가보기 흉한 콜백 안에 있어야하기 때문에 이것은 복잡합니다 . 몇 가지 이유로 나쁘다 …

• 모든 코드는 한 수준으로 들여 쓰기됩니다
• 당신은 당신이 })어디서나 추적 해야하는 이 끝 이있다
• 이 모든 추가 function (err, result) 전문 용어
• 값을 할당하기 위해이 작업을 수행하고 있음을 정확히 알 수는 없습니다. result

반면 에을 사용하면 멋진 공동 루틴 프레임 워크를 사용하여 한 줄yield 로이 모든 작업을 수행 할 수 있습니다 .

function* main() {
  var result = yield loadFromDB('query')
}

따라서 이제 주요 함수는 변수와로드 될 때까지 기다려야 할 때 필요한 곳에서 생성됩니다. 그러나 이제 이것을 실행하려면 일반 (비 병렬 함수) 을 호출해야합니다 . 간단한 공동 루틴 프레임 워크로이 문제를 해결할 수 있으므로 다음을 실행하면됩니다.

start(main())

그리고 시작이 정의됩니다 (Nick Sotiro의 답변에서)

function start(routine, data) {
    result = routine.next(data);
    if(!result.done) {
        result.value(function(err, data) {
            if(err) routine.throw(err); // continue next iteration of routine with an exception
            else start(routine, data);  // continue next iteration of routine normally
        });
    }
}

이제 더 읽기 쉽고 삭제하기 쉽고 들여 쓰기, 함수 등으로 바이올린을 칠 필요가없는 아름다운 코드를 가질 수 있습니다.

이 예제에서는 yield실제로 콜백이있는 함수 앞에 넣을 수있는 키워드 일뿐입니다.

function* main() {
  console.log(yield function(cb) { cb(null, "Hello World") })
}

“Hello World”를 인쇄합니다. 따라서 실제로 yield동일한 함수 서명 (cb없이)을 만들고을 반환 하여 콜백 함수를 실제로 사용할 수 있습니다 function (cb) {}.

function yieldAsyncFunc(arg1, arg2) {
  return function (cb) {
    realAsyncFunc(arg1, arg2, cb)
  }
}

이 지식 으로 삭제하기 쉬운 더 읽기 쉽고 깔끔한 코드를 작성할 수 있기를 바랍니다 .

답변

function *squareGen(x) {
    var i;
    for (i = 0; i < x; i++) {
        yield i*i;
    }
}

var gen = squareGen(3);

console.log(gen.next().value); // prints 0
console.log(gen.next().value); // prints 1
console.log(gen.next().value); // prints 4

function *sendStuff() {
    y = yield (0);
    yield y*y;
}

var gen = sendStuff();

console.log(gen.next().value); // prints 0
console.log(gen.next(2).value); // prints 4

function start(routine, data) {
    result = routine.next(data);
    if(!result.done) {
        result.value(function(err, data) {
            if(err) routine.throw(err); // continue next iteration of routine with an exception
            else start(routine, data);  // continue next iteration of routine normally
        });
    }
}

// with nodejs as 'node --harmony'
fs = require('fs');
function read(path) {
    return function(callback) { fs.readFile(path, {encoding:'utf8'}, callback); };
}

function* routine() {
    text = yield read('/path/to/some/file.txt');
    console.log(text);
}

// with mdn javascript 1.7
http.get = function(url) {
    return function(callback) {
        // make xhr request object, 
        // use callback(null, resonseText) on status 200,
        // or callback(responseText) on status 500
    };
};

function* routine() {
    text = yield http.get('/path/to/some/file.txt');
    console.log(text);
}

// invoked as.., on both mdn and nodejs

start(routine());