DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 小議JavaScript中Generator和Iterator的使用
小議JavaScript中Generator和Iterator的使用
編輯:JavaScript基礎知識     

一說到 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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved