小議JavaScript中Generator和Iterator的使用
一說到 Generator,大家就會(huì)扯上異步之類是話題。這顯然是被一些奇奇怪怪的東西帶壞了。與 Generator 關(guān)系密切的應(yīng)該是 Iterator 才對(duì),拿 Generator 來處理異步也許是一些 C# 程序員才會(huì)想的事。當(dāng)然這種用法確實(shí)有一套完整的東西,只是我個(gè)人不喜歡而已。
非要把 Generator 和異步聯(lián)系上,唯一的點(diǎn)就是 next 的調(diào)用時(shí)機(jī)。因?yàn)?next 可以異步地調(diào)用,所以 Generator 才得以被異步地濫用。
但我覺得 next 這個(gè)方法雖然可以異步調(diào)用,但正確的使用方式應(yīng)該是同步的。至少當(dāng)一個(gè) Generator 實(shí)例被用于 for-of 循環(huán)或 [...obj] 解構(gòu)時(shí)都是連續(xù)調(diào)用 next 的。
除了 next 的同異步問題外,next 的參數(shù)也是個(gè)問題。由于 next 調(diào)用時(shí)傳入的參數(shù)會(huì)被作為 yield 運(yùn)算符的返回值,所以 generator 有了更豐富的使用方式。在早期的 python 中 yield 是語句而不是運(yùn)算符,所以也不存在這樣的用法。后來的版本才把 yield 作為運(yùn)算符,所以才出現(xiàn)了各種坑。
把 Generator 實(shí)例作為 Iterator 時(shí)既不會(huì)異步調(diào)用 next,也不會(huì)給 next 傳入?yún)?shù)。我覺得這才是 Generator 的正確用法?;蛘哒f白了,Generator 就是用來實(shí)現(xiàn) Iterator 的。至少 Generator 這個(gè)名字沒有別的含義了。下面是一個(gè)用法示例:
運(yùn)行
<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>
相關(guān)文章
關(guān)于JavaScript對(duì)象類型之Array及Object
這篇文章主要介紹了關(guān)于JavaScript對(duì)象類型之Array及Object,Array 類型是 ECMAScript 中最常用的類型了。而且,ECMAScript 中的數(shù)組與其他多數(shù)語言中的數(shù)組有著相當(dāng)大的區(qū)別,需要的朋友可以參考下2023-05-05
關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素
本篇文章小編為大家介紹,關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素,有需要的朋友可以參考一下。2013-04-04
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來說,我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01
JavaScript基礎(chǔ)知識(shí)學(xué)習(xí)筆記
本文是初學(xué)javascript的時(shí)候記的學(xué)習(xí)筆記,簡單介紹了javascript的定義及用法,并附上示例,適合初學(xué)者們,老鳥請(qǐng)出門左轉(zhuǎn)。2014-12-12

