Es6系列之generator基础篇

今天说说<code>es6</code>里新增的<code>generators</code>.

下面是generator系列的相关文章链接

<a href="http://www.ifeenan.com/javascript/2014-07-27-es6%e7%b3%bb%e5%88%97%e4%b9%8bgenerator%e5%9f%ba%e7%a1%80%e7%af%87/" target="_blank">generator基础篇</a>

<a href="http://www.ifeenan.com/javascript/2014-07-28-es6%e7%b3%bb%e5%88%97%e4%b9%8b%e6%b7%b1%e5%85%a5generator%e4%b9%8b%e5%bc%82%e5%b8%b8%e5%a4%84%e7%90%86%e4%b8%8e%e7%9b%b8%e4%ba%92%e8%b0%83%e7%94%a8/" target="_blank">深入generator之异常处理与相互调用</a>

<a href="http://www.ifeenan.com/javascript/2014-08-04-es6%e7%b3%bb%e5%88%97%e4%b9%8b%e6%b7%b1%e5%85%a5generator2/" target="_blank">深入generator之异步方法处理</a>

<a href="http://www.ifeenan.com/javascript/2014-08-15-es6%e7%b3%bb%e5%88%97%e4%b9%8bgenerator%e5%b9%b6%e5%8f%91%e8%b0%83%e7%94%a8/" target="_blank">深入generator之协程处理</a>

<code>generator</code>简单的说就是提供了一种控制函数内部执行状态的功能,以往的普通函数只要开始执行则就不能中止,而<code>generator</code>函数不一样,提供了一种可以中止函数的手段,下面说说它的一般用法.

function* 这是定义<code>generator</code>函数的语法

yield 定义在函数内部实现不同的状态

看下面一个简单的例子

首先我们执行<code>generator</code>函数来生成一个待遍历的函数,然后不断调用<code>next</code>方法来执行,它将返回一个对象包含<code>value, done</code>两个属性,前者是函数体内<code>yield</code>后面的值,后者代表函数遍历是否完成.

这里重点说下<code>yield</code>关键字

每次调用<code>next</code>方法时函数体内都会停留在碰到的下一个<code>yield</code>关键字那,并把关键字后面的内容作为返回值,下一次再调用<code>next</code>方法重复上面的操作直到最后没有遇到<code>yield</code>为止.假如函数体内不包含任何一个<code>yield</code>，则生成的遍历函数只是一个延迟执行的函数而以,像下面这样的

另外<code>yield</code>表达式还可以返回值用来在下一个<code>next</code>里调用,返回值只能通过<code>next</code>函数来传递,不过第一次调用<code>next</code>时传递参数无效，因为在它之前不存在<code>yield</code>,看下面的例子

注意: <code>next</code>传递的参数值是传递给上一次<code>yield</code>表达式,所以上面例子里第三次调用<code>next</code>传递参数其实是把值传递给第二个<code>yield</code>表达式

上面说了这么多<code>generator</code>的用法,那么它可以用在什么地方呢

假如一个动作可以分成多步进行，并且想控制每步的时间的时候可以用<code>generator</code>函数

今天只是简单的介绍<code>generator</code>的用法,更多的问题其实都没有说

假如<code>yield</code>后面是异步函数怎么办?

怎么处理<code>yield</code>的异常情况

这个以后会另起一篇文章你介绍,请保持关注.

本文参考这篇文章

<a href="http://davidwalsh.name/es6-generators" target="_blank">the basics of es6 generators</a>