js中yield

JavaScript018

js中yield,第1张

生成器是ES6引入的新的函数形式， 可以在执行当中暂停自身，可以恢复执行，并不像普通函数那样保证运行到完毕。

生成器并不会立即执行，需要调用它的next(..)方法才会执行，调用return()方法则会终止生成器的运行

yield用来标示暂停点，也可放在循环中，用来表示一个重复暂停点。

且在暂停时，会生成一个值，在调用nex(..)时，yield也会接收next传入的参数

*使得yield成为了yield * ，称之为yield委托（yield delegation）。yield * .. 需要一个iterable；然后它会调用这个迭代器，把自己的生成器控制权委托给这个迭代器，直到其耗尽。

以上效果是相同的

上述错误的调用中，会的到如下结果

{ value: 7, done: false }

{ value: undefined, done: true }

因为在while判断中的next也会进行消耗，导致输出结果与预期不符，得到的只是符合条件的偶数项

它的意义在于，可以在不同阶段从外部直接向内部注入不同的值来调整函数的行为(这一点是其他循环很难做到的，或要付出较大的代价才可以做到)

如果刚才没有让你有一个清晰的认识，那么这个例子一定会让你彻底明白的

next() 传参是对yield整体的传参，否则yield类似于return

在前端项目中，用的机会很少，完全可以忽略他的存在，但是在后台项目中，就显得比较重要了，因为其优越的可控性，可是极大的提升线程的效率。

目前只是根据官网，ES6规范，大站等总结出来的，但是很遗憾，目前我们的项目中由于node项目较简单，并不需要进行实际改造。

如果需要实例的话，可参考github上的一些python后端项目，调用方式稍有不同，由于js参考的python语言，他们又同为动态语言，所以原理都是相同的，用处也一样。