ES6真是颠覆JavaScript的东西【未经授权禁止转载】【原创不易，请尊重版权】，随便翻一个新特性出来，就让自以为是的老转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net古董们傻眼跳楼。在之前接触ember.j本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。s的时候，接触到了yield，嫩是半天没【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。明白，yield到底是什么，想要实现什么本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net目的。后来在看ES6的东西的时候，总算好【转载请注明来源】【未经授权禁止转载】像知道了一点，迫不及待的写出来。

【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。

在MDN上，对yield的第一句解释就是【作者：唐霜】原创内容，盗版必究。：

转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】【转载请注明来源】【版权所有】唐霜 www.tangshuang.net

The 【版权所有】唐霜 www.tangshuang.netyield keyword is used to 【作者：唐霜】本文版权归作者所有，未经授权不得转载。pause and resume a g转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】enerator function.
本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。 // yield这个关键字是用来暂停和本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。恢复一个遍历器函数（的运行）的。

【本文首发于唐霜的博客】【原创不易，请尊重版权】【版权所有，侵权必究】原创内容，盗版必究。

本文版权归作者所有，未经授权不得转载。【作者：唐霜】【本文受版权保护】原创内容，盗版必究。【本文受版权保护】

这也就是yield的所有解释了，可谓大道【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。至简，然并卵，深层的意思不去挖掘，根本还本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net是没法用它，还是老老实实做老古董。

【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】未经授权，禁止复制转载。

关键字yield【访问 www.tangshuang.net 获取更多精彩内容】

【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】【未经授权禁止转载】【未经授权禁止转载】【本文受版权保护】

没错，yield是个关键字，不是函数。关原创内容，盗版必究。【本文受版权保护】键字用来干啥？它的作用是“命令”。和va【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】r不同，不是用来声明，但是和return【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】一样，用来告知程序某种状态，return【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net告诉程序要返回什么值（也意味着结束，结束本文作者：唐霜，转载请注明出处。【未经授权禁止转载】的时候才会返回值嘛），而yield告诉程【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】序当前的状态值，而且你运行到这里给我暂停本文作者：唐霜，转载请注明出处。【本文受版权保护】一下。

著作权归作者所有，禁止商业用途转载。【本文受版权保护】原创内容，盗版必究。【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net

因为yield是命令型的关键字，所以它的著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】用法是：

【版权所有】唐霜 www.tangshuang.net【转载请注明来源】【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】

[rv] = yield [expression];

rv是可选的，这里不是说它返回一个数组。未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。yield后面的表达式也是可选的。yie转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】ld的返回值是一个状态值。如果从返回值的【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】角度讲，yield还可以当做是一种运算符【转载请注明来源】【原创不易，请尊重版权】，但是由于它的作用是暂停和恢复，所以严格本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。意义上说，不能叫运算符，运算符是用来运算【本文受版权保护】本文作者：唐霜，转载请注明出处。的，而yield是用来“命令”的。

【版权所有，侵权必究】转载请注明出处：www.tangshuang.net原创内容，盗版必究。

遍历器函数（Generator）【关注微信公众号：wwwtangshuangnet】

本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】

这是ES6里面新增的Generator，【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。为了把它和我们已知的东西联系起来，我把它【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】翻译为迭代器函数，但是实际上现在还没有统著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。一的叫法，坐等大神们开宗立派。

【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。

我个人的理解，Generator函数的最本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】大用处就是用来生成一个迭代器，所以叫做“【转载请注明来源】【版权所有】唐霜 www.tangshuang.net迭代器生成器”。

【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net【未经授权禁止转载】【本文首发于唐霜的博客】

不过它是一个函数，所以和普通的函数有点区未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net别，因此在声明函数的时候，要在funct著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】ion和函数名之间加一个*号：

【作者：唐霜】未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】

function * foo() {}

而yield也必须在Generator函原创内容，盗版必究。原创内容，盗版必究。数中才有意义，脱离了Generator函【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。数就没意义了。

本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。

Generator函数的一个重要特点就是【原创不易，请尊重版权】【未经授权禁止转载】需要执行next()方法才能运行，声明好原创内容，盗版必究。未经授权，禁止复制转载。它之后，根本不会马上运行。举个栗子：

本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】【转载请注明来源】【关注微信公众号：wwwtangshuangnet】

var a = 0;
function * foo() {
  a += 1
  yield
  return
}
var i = foo()
alert(a) // 这个时候是啥值？

上面的例子如此简单，你不会看不懂吧？现在原创内容，盗版必究。【未经授权禁止转载】告诉你，alert的结果是0！

著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net

我前面都说了，要执行netx()方法才会【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net运行。所以在上面的代码末尾添加：

著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】【原创内容，转载请注明出处】

i.next()
alert(a) // 这个时候就会alert(1)了

没怎明白？继续往下读【访问 www.tangshuang.net 获取更多精彩内容】

转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。【转载请注明来源】【未经授权禁止转载】

.next()方法【原创不易，请尊重版权】

【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。

就用上面的代码来说好了。Generato本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。r函数生成的是一个迭代器，所谓迭代器，你【本文受版权保护】【原创内容，转载请注明出处】不让它动，它绝对不会动。

本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net【本文受版权保护】

不要用“动”这么猥琐的词好吗？【原创内容，转载请注明出处】

转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。

“执行、运行”，i作为一个迭代器，最基本【转载请注明来源】原创内容，盗版必究。的的特征是它拥有一个next方法和一个当【未经授权禁止转载】原创内容，盗版必究。前的状态。当调用i.next()的时候，【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。程序从generator函数开始运行，当【转载请注明来源】原创内容，盗版必究。遇到yield命令时，就“暂停”刮起，并【本文受版权保护】【原创不易，请尊重版权】且返回yield [expression]的著作权归作者所有，禁止商业用途转载。expression的运算结果，这个结果原创内容，盗版必究。【版权所有，侵权必究】就是前文所讲的“状态”。【原创内容，转载请注明出处】

【未经授权禁止转载】【本文受版权保护】【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。

比如程序在往下运行的时候，遇到【原创内容，转载请注明出处】yield 1 + 2，那么i.next()返回的结果就是这个【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net时候的状态，是一个对象，其运算结果“3”转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】被放在value中。

本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。

i.next()就是让它往下一个元素遍历本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net的动作，它的返回值其实表示一个状态，是一原创内容，盗版必究。本文作者：唐霜，转载请注明出处。个object：{value: xxx,【作者：唐霜】【版权所有】唐霜 www.tangshuang.net done: false}。value表本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net示yield后面的表达式的结果值，don【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。e表示是否已经遍历完。把上面的i.nex转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.nett()那段代码改成下面的：

【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】

var s1 = i.next()
console.log(s1) // { value: '', done: false }
var s2 = i.next()
console.log(s2) // { value: undefined, done: true }

第一个console的地方，因为第一次执【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net行i.next()，遇到yield就暂停【版权所有】唐霜 www.tangshuang.net【转载请注明来源】了，并讲yield后面的表达式作为值放到转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】状态的value属性上。得到s1这个状态【本文受版权保护】【本文受版权保护】，这个状态的value是yield后面紧【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。跟的表达式的值，done表示遍历没有结束未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。，还可以继续执行next()方法。第二次【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。再执行i.next()的时候，遇到了re转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】turn，但后面没有表达式，所以返回值是【作者：唐霜】【版权所有，侵权必究】undefined，一旦遇到return【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】就表示遍历可以结束了，所以done为tr【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】ue。

未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】

当运行到【原创不易，请尊重版权】yield '';的时候，程序暂停了，不会往下继续执行，所【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。以下面的各种加减乘除都不会运行，这也就是未经授权，禁止复制转载。【版权所有，侵权必究】为什么我们上面的代码在运行i.next(本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】)之前，虽然执行了foo()这个函数，但【本文首发于唐霜的博客】原创内容，盗版必究。是a的值是0，就是因为还没有执行i.ne【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。xt()，所以yield前面的a += 1还没有运行。本文版权归作者所有，未经授权不得转载。

著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】

也正是因为有.next()方法，所以它叫【原创内容，转载请注明出处】【原创内容，转载请注明出处】迭代器。for…of，【作者：唐霜】本文作者：唐霜，转载请注明出处。230;，Array.from都是利用迭【转载请注明来源】【本文受版权保护】代器接口进行运算的，所以如果没有Gene未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】rator，这几个方法就用不了。而在Ba【未经授权禁止转载】本文作者：唐霜，转载请注明出处。bel里面，babel-core本身不支本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】持Generator，所以这几个运算其实【作者：唐霜】【版权所有，侵权必究】也需要另外的模块(regenerator本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】)来支持。

【未经授权禁止转载】未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】

一不小心讲到了babel，罪过罪过。本文作者：唐霜，转载请注明出处。

【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。

.next()的参数【作者：唐霜】

【原创不易，请尊重版权】【转载请注明来源】转载请注明出处：www.tangshuang.net原创内容，盗版必究。

造孽的地方终于要来了。一言不合，就上代码未经授权，禁止复制转载。【作者：唐霜】：

本文作者：唐霜，转载请注明出处。【本文受版权保护】著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】

const gen = function * () { // 没错，尼玛还可以这样写
  const x = 1
  const y = yield (x + 1)
  const z = yield (x + y)
  return z
}
const foo = gen() // 你必须先执行一下Generator函数，才能把遍历器返回给某个变量
const a = foo.next() // 第一次执行next()不可以传参，就算传参也没有效果
const b = foo.next(3) // 后续的next都可以传参
const c = foo.next(4)

求abc的value各是多少？本文版权归作者所有，未经授权不得转载。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net

你要没接触过，这个时候只会冒出来“吊雷老【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】某”……a.value你应该知道，就2（转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。x = 1, x + 1 = 2）。b.本文作者：唐霜，转载请注明出处。【作者：唐霜】value呢？傻戳戳了吧。

【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net

.next()的参数的意思是将传入的参数【原创内容，转载请注明出处】未经授权，禁止复制转载。用作上一次的yield。啥子意思？就是第【版权所有，侵权必究】原创内容，盗版必究。二次执行foo.next(3)的时候，yield (x + 1)这一大坨就是3，所以y = 3！“xx老【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net谋”。所以，b.value的结果就是4 【本文首发于唐霜的博客】【作者：唐霜】（x = 1,y = 3, x + y 【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】= 4）.

【版权所有】唐霜 www.tangshuang.net【作者：唐霜】未经授权，禁止复制转载。

这样推下去咯。最后返回的是z，但是传入的【作者：唐霜】著作权归作者所有，禁止商业用途转载。是4，yield (x + y) 这一大坨就用4来代替，z.value 【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。= yield (x + y) = 4。

【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。

为什么第一次执行next()不能传参？【本文受版权保护】

【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】

因为第一次执行next()的时候，你传入【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】的参数没法去代替某一个yield啊！

【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】

正确使用括号：未经授权，禁止复制转载。

本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】

function * gen() {
  const x = 1
  const y = (yield x + 1) + 2
  return y
}

这里我们规定【作者：唐霜】y = (yield x + 1) + 2，意味着当next(5)的时候，【本文首发于唐霜的博客】(yield x + 1)会被整个替换掉，y = 5 + 2 = 【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net7。

【本文受版权保护】原创内容，盗版必究。转载请注明出处：www.tangshuang.net

总结一下，想知道迭代器当前的状态值，也就【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】是.next()的返回值，只需要看yie【作者：唐霜】本文作者：唐霜，转载请注明出处。ld后面的表达式的结果。但是由于大部分情未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。况下，yield后面的表达式由前面的运算著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】结果参与，所以，处于后面的yield的值【作者：唐霜】转载请注明出处：www.tangshuang.net，要看前面的yield接收到的next(本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】)的参数，带入赋值并运算之后才能知道状态【未经授权禁止转载】【未经授权禁止转载】的值。

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。

把yield当变量看【本文受版权保护】

著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。

上面这一个小节你有没有发现一个神奇的规律原创内容，盗版必究。本文作者：唐霜，转载请注明出处。？就是你在给next()传参的时候，总是【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】对应某一个yield，把这个yield以著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】及后面紧跟着的表达式用传入的参数代替。于本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。是乎，下面这个代码你就懂了：

转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。

var foo = function *() {
  var x = 1;
  var y = yield (x + 1);
  var z = yield;
  return z;
}()
var a = foo.next();
var b = foo.next(3);
var c = foo.next(4);

上面这个代码里面，竟然把yield后面的【原创不易，请尊重版权】【本文受版权保护】表达式给去掉了。那会有啥影响？b.val本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。ue将等于undefined，仅此而已。【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。因为b这个位置就是得到yield [空]的结果，所以就是undefined咯。但原创内容，盗版必究。转载请注明出处：www.tangshuang.net是当foo.next(4)执行的时候，不本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】管你上面是不是undefined，我现在未经授权，禁止复制转载。【转载请注明来源】就是要用4来覆盖你，所以c.value还【未经授权禁止转载】本文作者：唐霜，转载请注明出处。是4.

【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】【作者：唐霜】【原创不易，请尊重版权】

也正因为这样，在字符串里面，可以这样使用本文作者：唐霜，转载请注明出处。【未经授权禁止转载】：

【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】【原创不易，请尊重版权】

var log = function *() {
  console.log(`you input: ${yeild}`)
}().next(); // 这里会提示错误: yeild undefined
log.next('hello world!');

上面这个例子把yield当做一个变量来使【作者：唐霜】本文版权归作者所有，未经授权不得转载。用，如果你感兴趣，可以想办法吧第一次的时【版权所有，侵权必究】原创内容，盗版必究。候错误去除掉。

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。【本文受版权保护】【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】

这个用法看上去很挫，但是很厉害的是，可以【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。通过这个思路，实现字符串模板的次第渲染。本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。可以控制渲染到哪个位置。

【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】

总结一下【版权所有】唐霜 www.tangshuang.net

著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】【原创不易，请尊重版权】

写了这么多，总结一下yield，实际上：

【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】

1. 只能在Generator函数内部使用著作权归作者所有，禁止商业用途转载。
【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。原创内容，盗版必究。
2. 运行.next()，遇到一个yield命【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】令，就暂停
【未经授权禁止转载】转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net【本文受版权保护】
3. .next()的返回值表示一个状态{va本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】lue,done}
【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。
4. 再运行.next()，从之前遇到的那个【未经授权禁止转载】yield [表达式]处（后）继续恢复运行本文作者：唐霜，转载请注明出处。
本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】
5. 当.next()传参的时候，【版权所有，侵权必究】yield [表达式]整个被替换为传入的参数。原创内容，盗版必究。
【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。

最后，说一下for…of是怎【作者：唐霜】原创内容，盗版必究。么运行的。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】本文作者：唐霜，转载请注明出处。

function *foo() {
  yield 1;
  yield 2;
  yield 3;
  return;
}
for(let v of foo()) {
  console.log(v);
}

for…of在遍历foo()【转载请注明来源】【原创不易，请尊重版权】返回的结果时，每遇到一个yield，就把未经授权，禁止复制转载。【未经授权禁止转载】yield后面表达式的结果作为of前面的著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。v的值进行赋值（next()返回值的va【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】lue字段）。没错，就这么不要脸的解释完【转载请注明来源】【本文受版权保护】了。

【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。

最后的最后，这篇文章不是为了解释和学习G【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。enerator的，所以要了解更多Gen原创内容，盗版必究。【未经授权禁止转载】erator，请继续关注我的博客:)

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net

2016-10-27 17481