Javascript 生成器：理解它们

我很确定我对生成器的理解本质上是被破坏的。所有在线资源似乎都是冲突的，这导致了极其困难和令人困惑的学习体验。

据我了解，yield关键字使当前正在执行的代码块能够等待一个值而不是抛出要在回调内执行的剩余代码。因此，正如大多数教程所指出的，您可以使用它：

(function *() {
     // Wait until users have be got and put into value of `results`
     var results = yield db.get("users");
     // And continue
     view.display(results);
})();

代替：

db.get("user", function(results) {
    view.display(results);
});

是的，这一切都很好，直到我尝试编写自己的生成器。我遇到了几个麻烦：

• 我上面的第一个示例代码将不会运行，因为没有什么可以迭代生成器，对吗？一些更高的存在必须调用.next某处，对吗？
• 整个 API 必须重写到 I/O 调用才能支持生成器，对吗？
• 据我收集的信息，yield似乎代表等待值最常见的用例，而在实现部分（阅读：返回值到/内部db.get) yield似乎代表将此值发送回当前等待的块以恢复执行.

举个例子：

function *fn() {
    yield 1;
    yield "a";
}

var gen = fn();
gen.next(); // 1
gen.next(); // "a";

yield在这种情况下，是将值发送回而不是等待结果。在上面的第一个示例中，它等待来自db.get并且恢复执行而不是“返回”或发回一个值。如果db.get情况确实如此，这不是本质上同步的吗？我的意思是，这不是完全一样吗：

(function() {
     //Wait for the results
    var results = fs.readFileSync("users.txt");
    // Use results
    view.display(results);
})();

不幸的是，如果从这个问题可以清楚地看出（可能是唯一清楚的），那就是我不理解生成器。希望我能在这里得到一些见解。

TL;DR：生成器的本质是控制代码执行的暂停。

对于生成器本身，您可以参考this http://wiki.ecmascript.org/doku.php?id=harmony%3agenerators.

总而言之，您应该区分三个组件： 1. 生成器功能 2. 发电机 3. 生成结果

生成器函数很简单function头上有星星并且（可选）yield在它的身体里。

function *generator() {
  console.log('Start!');
  var i = 0;
  while (true) {
    if (i < 3)
      yield i++;
  }
}

var gen = generator();
// nothing happens here!!

生成器函数本身不执行任何操作，只是返回一个生成器，在上面的情况下，gen。 这里没有控制台输出，因为只有在返回之后发电机's next方法被称为主体生成器函数会跑。 Generator 有几个方法，其中最重要的一个是next. next运行代码并返回生成器结果.

var ret = gen.next();
// Start!
console.log(ret);
// {value: 0, done: false}

ret上面是生成器结果。它有两个属性：value，你产生的价值生成器函数, and done，一个标志，指示是否生成器函数 return.

console.log(gen.next());
// {value: 1, done: false}
console.log(gen.next());
// {value: 2, done: false}
console.log(gen.next());
// {value: undefined, done: true}

此时，没有人会指望你了解generator，至少不会期望你了解generator的异步电源。

简单来说，generator有两个特点：

• 我们可以选择跳出函数并让外部代码决定何时跳回函数。
• 异步调用的控制可以在代码之外完成

在代码中，yield跳转到函数之外，并且next(val)跳回函数并将值传递回函数。 外部代码可以处理异步调用并决定切换到您自己的代码的适当时间。

再看一下示例：

var gen = generator();
console.log('generated generator');
console.log(gen.next().value);
// mock long long processing
setTimeout(function() {
  console.log(gen.next().value);
  console.log('Execute after timer fire');
}, 1000);
console.log('Execute after timer set');

/* result:
    generated generator
    start
    0
    Execute after timer set
    1
    Execute after timer fire
*/

看？生成器函数本身不处理回调。外部代码确实如此。

基地就在这里。您可以详细说明此代码以支持完全异步性，同时保持生成器功能如同步功能。

例如，假设geturl是一个异步调用，返回一个promise目的。你可以写var html = yield getUrl('www.stackoverflow.com');这会跳转到您的代码之外。外部代码会执行以下操作：

var ret = gen.next();
ret.then(function (fetchedHTML) {
  // jumps back to your generator function
  // and assign fetchHTML to html in your code
  gen.next(fetchedHTML);
});

更完整的指南，请参阅this http://blogs.atlassian.com/2013/11/harmony-generators-and-promises-for-node-js-async-fun-and-profit/。 和存储库一样co https://github.com/visionmedia/co, galaxy https://github.com/bjouhier/galaxy, suspend https://github.com/jmar777/suspend等等。