小议JavaScript中Generator和Iterator的使用

这篇文章主要介绍了小议JavaScript中Generator和Iterator的使用,文中举了一个简单的示例来说明二者之间的配合,需要的朋友可以参考下

一说到 Generator，大家就会扯上异步之类是话题。这显然是被一些奇奇怪怪的东西带坏了。与 Generator 关系密切的应该是 Iterator 才对，拿 Generator 来处理异步也许是一些 C# 程序员才会想的事。当然这种用法确实有一套完整的东西，只是我个人不喜欢而已。

非要把 Generator 和异步联系上，唯一的点就是 next 的调用时机。因为 next 可以异步地调用，所以 Generator 才得以被异步地滥用。

但我觉得 next 这个方法虽然可以异步调用，但正确的使用方式应该是同步的。至少当一个 Generator 实例被用于 for-of 循环或 [...obj] 解构时都是连续调用 next 的。

除了 next 的同异步问题外，next 的参数也是个问题。由于 next 调用时传入的参数会被作为 yield 运算符的返回值，所以 generator 有了更丰富的使用方式。在早期的 python 中 yield 是语句而不是运算符，所以也不存在这样的用法。后来的版本才把 yield 作为运算符，所以才出现了各种坑。

把 Generator 实例作为 Iterator 时既不会异步调用 next，也不会给 next 传入参数。我觉得这才是 Generator 的正确用法。或者说白了，Generator 就是用来实现 Iterator 的。至少 Generator 这个名字没有别的含义了。下面是一个用法示例：

运行

1. <script> 
2. var match = function * (pattern, string) { 
3. var regexp = new RegExp(pattern, 'g');  
4. for(let i; i = regexp.exec(string); yield i); 
5. }; 
6.  
7. for(let i of match('a', 'abcabcabc')) { 
8. console.log(i); 
9. } 
10. </script>