小议JavaScript中Generator和Iterator的使用
程序员文章站
2023-01-20 23:34:59
一说到 generator,大家就会扯上异步之类是话题。这显然是被一些奇奇怪怪的东西带坏了。与 generator 关系密切的应该是 iterator 才对,拿 gener...
一说到 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 这个名字没有别的含义了。下面是一个用法示例:
运行
<script> var match = function * (pattern, string) { var regexp = new regexp(pattern, 'g'); for(let i; i = regexp.exec(string); yield i); }; for(let i of match('a', 'abcabcabc')) { console.log(i); } </script>
推荐阅读
-
浅谈JavaScript中的apply/call/bind和this的使用
-
JavaScript和TypeScript中的void的具体使用
-
小议JavaScript中Generator和Iterator的使用
-
深入解读JavaScript中的Iterator和for-of循环
-
详谈ES6中的迭代器(Iterator)和生成器(Generator)
-
正则表达式语法规则及在Javascript和C#中的使用方法
-
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
-
JavaScript中的call方法和apply方法使用对比
-
一篇文章搞懂JavaScript中的代理和代理的使用
-
详解JavaScript中数组和字符串的lastIndexOf()方法使用