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

首頁 > 語言 > JavaScript > 正文

深入理解JavaScript系列(35):設計模式之迭代器模式詳解

2024-05-06 16:15:53
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了深入理解JavaScript系列(35):設計模式之迭代器模式詳解,迭代器模式(Iterator):提供一種方法順序一個聚合對象中各個元素,而又不暴露該對象內部表示,需要的朋友可以參考下
 

介紹

迭代器模式(Iterator):提供一種方法順序一個聚合對象中各個元素,而又不暴露該對象內部表示。

迭代器的幾個特點是:

1.訪問一個聚合對象的內容而無需暴露它的內部表示。
2.為遍歷不同的集合結構提供一個統一的接口,從而支持同樣的算法在不同的集合結構上進行操作。
3.遍歷的同時更改迭代器所在的集合結構可能會導致問題(比如C#的foreach里不允許修改item)。

正文

一般的迭代,我們至少要有2個方法,hasNext()和Next(),這樣才做做到遍歷所有對象,我們先給出一個例子:

復制代碼代碼如下:

var agg = (function () {
    var index = 0,
    data = [1, 2, 3, 4, 5],
    length = data.length;

 

    return {
        next: function () {
            var element;
            if (!this.hasNext()) {
                return null;
            }
            element = data[index];
            index = index + 2;
            return element;
        },

        hasNext: function () {
            return index < length;
        },

        rewind: function () {
            index = 0;
        },

        current: function () {
            return data[index];
        }

    };
} ());


使用方法和平時C#里的方式是一樣的:
復制代碼代碼如下:

// 迭代的結果是:1,3,5
while (agg.hasNext()) {
    console.log(agg.next());
}

當然,你也可以通過額外的方法來重置數據,然后再繼續其它操作:
復制代碼代碼如下:

// 重置
agg.rewind();
console.log(agg.current()); // 1

 

jQuery應用例子

jQuery里一個非常有名的迭代器就是$.each方法,通過each我們可以傳入額外的function,然后來對所有的item項進行迭代操作,例如:

復制代碼代碼如下:

$.each(['dudu', 'dudu', '酸奶小妹', '那個MM'], function (index, value) {
    console.log(index + ': ' + value);
});
//或者
$('li').each(function (index) {
    console.log(index + ': ' + $(this).text());
});

 

總結

迭代器的使用場景是:對于集合內部結果常常變化各異,我們不想暴露其內部結構的話,但又響讓客戶代碼透明底訪問其中的元素,這種情況下我們可以使用迭代器模式。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 城固县| 唐海县| 土默特左旗| 新安县| 建宁县| 剑阁县| 无棣县| 德庆县| 丘北县| 黎城县| 响水县| 黄石市| 老河口市| 油尖旺区| 修文县| 哈密市| 子长县| 普安县| 大邑县| 大埔县| 繁峙县| 诸城市| 广丰县| 沛县| 堆龙德庆县| 揭东县| 香河县| 十堰市| 福泉市| 辉南县| 类乌齐县| 浪卡子县| 故城县| 宁津县| 墨竹工卡县| 抚顺市| 两当县| 文山县| 珠海市| 达孜县| 清丰县|