ES6生成器函数语法与next方法调用详解

ES6生成器函数概述

本文通过具体实例介绍ES6中生成器（Generator）的使用方法，供读者参考学习。

生成器语法详解

语法

什么是生成器？首先通过以下代码进行说明：

function* quips(name) {
 yield "hello " + name + "!";
 yield "i hope you are enjoying the blog posts";
 if (name.startsWith("X")) {
  yield "it's cool how your name starts with X, " + name;
 }
 yield "see you later!";
}

与普通函数的区别

这确实是JavaScript代码，可能与你以往认知的JavaScript有所不同。这种函数被称为生成器函数。从外观上看，它与普通函数非常相似。

两者的主要区别如下：

普通函数以function关键字开头，而生成器函数则以function*开头。

生成器函数内部包含一个特殊关键字yield，其作用是暂停函数的执行。结合next方法调用，可以实现函数的分步执行。

接下来查看next方法的具体使用方式：

> var iter = quips("lf");
 [object Generator]
> iter.next()
 { value: "hello lf!", done: false }
> iter.next()
 { value: "i hope you are enjoying the blog posts", done: false }
> iter.next()
 { value: "see you later!", done: false }
> iter.next()
 { value: undefined, done: true }

可以看出，每次调用next方法后，生成器函数会执行到下一个yield语句处暂停。

至此，生成器的基本语法已介绍完毕。

生成器的应用场景

应用场景

生成器可用于处理异步编程，此前在《基于javascript的异步编程实例详解》一文中已有相关介绍，可参考查阅。

需要注意的是，生成器的主要目的并非用于编写异步代码，这仅是一种变通（hack）手段。

希望本文的内容对ECMAScript程序设计有所帮助。