国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JavaScript中yield實用簡潔實現方式

2024-09-06 12:45:45
字體:
來源:轉載
供稿:網友

剛才忽然靈機一動,迭代器我們很少會真的直接傻乎乎的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:
代碼如下:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 桐庐县| 卢氏县| 永川市| 商河县| 民乐县| 陵川县| 罗源县| 兴仁县| 平罗县| 布尔津县| 罗城| 临清市| 宁南县| 隆化县| 新疆| 金平| 买车| 青浦区| 获嘉县| 宁陵县| 沅陵县| 平果县| 辽中县| 达日县| 荔浦县| 赤峰市| 闽侯县| 水富县| 天台县| 布尔津县| 苏州市| 凤台县| 鄢陵县| 特克斯县| 尉犁县| 绥江县| 吉木乃县| 东乌珠穆沁旗| 苏尼特右旗| 武平县| 和田县|