在JavaScript中yield實用簡潔實現方式

 剛才忽然靈機一動，迭代器我們很少會真的直接傻乎乎的next去遍歷的，那為什麼一定要實現這個傻乎乎的next呢？直接實現each，這樣，這樣反過來，Yeah，一通百通，不一會兒就寫出了第一個超簡潔版本：

代碼

 

function yieldHost(yieldFunction)
    {
      return function (processer)
      {
        var yield = function (result)
        {
          processer(result)
        };

        yieldFunction(yield);

      };
    }

 

 

思路一換，代碼真簡潔。

先附上例子，然後來談原理。

首先我們需要一個函數來進行枚舉，像這樣：

 

function fun(yield)
    {

      for (var i = 0; i < 100; i++)
        yield(i);

    }

 

或是這樣：

 

function fun(yield)
    {

      yield(1);
      yield(2);
      yield(3);

    }

 

由於實現方式與C#的不同，所以在循環體內也不用什麼yield break或是yield continue這樣的語法，直接break或是continue就好了。

然後是實際的運用，yieldHost函數可以將上面的符合要求的fun函數轉換為一個枚舉器：

 

var enumerator = yieldHost(fun);

 

這個枚舉器其實也是一個函數，像jQuery的each函數一樣，接收一個處理函數來處理枚舉：

 

enumerator(function (item)
    {
      window.alert(item);
    });

 

接下來談談原理。

對於傳統的枚舉器來說，我們會認為枚舉器應該在每次調用返回一個值，這就是next方法，但就像陳子瀚說的，這需要在yield的時候把函數停住，雖然可以實現，但真的很麻煩。

但！事實上我發現，大多數時候，我們都是用foreach這樣的語法來訪問枚舉器的。這樣一來就給了我一個非常討巧的辦法，不實現next方法，而是實現each方法。

each方法和next的方法的區別在哪裡呢？熟悉jQuery的朋友就會知道，each方法其實可以視為將next倒過來，不是返回枚舉值，而是接收一個函數，把枚舉值當作參數傳進去。

正是這一倒，所有問題都迎刃而解了。我們沒有必要去暫停一個函數的執行，只需要將處理枚舉值的邏輯注到這個函數裡面去就完了。所以事實上這裡的yieldHost就是完成了一個倒裝的工作，把enumerator接收的那個函數（也就是window.alert( item )，注到了枚舉函數中（即fun）。最終執行的效果就像是這樣：

 

function fun(yield)
    {

      window.alert(1);
      window.alert(2);
      window.alert(3);

    }

 

所以就誕生了這個超簡潔的實現。

有了這個超簡潔的實現，下一步就是實現像jQuery的each方法一樣的return true代表break和return false代表continue的功能了，只有具備了這樣的功能，才能處理無窮集，或是實現TakeWhile之類的功能。

老實說我對JavaScript的研究並不透徹，只想到了一個使用異常打斷的辦法，這就是第二個版本的yieldHost：

代碼

 

function yieldHost(yieldFunction)
    {

      var exception = Math.random();

      return function (processer)
      {
        try
        {
          yieldFunction(function (result)
          {
            if (processer(result))
              throw exception;
          });
        }
        catch (e)
        {
          if (e !== exception)
            throw e;
        }

      };
    }

 

 

顯然這並不完美，但我實在想不出更好的辦法。

接下來在這個基礎上實現Select、Where什麼，其實是非常簡單的事情，給出一個我的Select的實現：

代碼

 

function Select(enumerator, selector)
    {
      return function (fun)
      {
        enumerator(function (item)
        {
          return fun(selector(item));
        });
      }
    } 

 

 

至於，這個Select怎麼修改成連寫的版本，即：

enumerator.Select( selector )( processor );

我覺得這對JavaScript而言真不是一件很難的事情啊。。。。

只是，過早的引入語法友好，會把JavaScript變得很復雜難看。所以，這個留給大家去玩吧。