js中yield

JavaScript030

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语言,他们又同为动态语言,所以原理都是相同的,用处也一样。