国产探花免费观看_亚洲丰满少妇自慰呻吟_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());
});

 

總結

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


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

圖片精選

主站蜘蛛池模板: 临桂县| 舒城县| 陆丰市| 麟游县| 六枝特区| 常熟市| 普安县| 宁远县| 西青区| 平山县| 张家口市| 安塞县| 临海市| 沈丘县| 临泉县| 霍邱县| 盈江县| 县级市| 彰化市| 普宁市| 抚顺县| 永定县| 年辖:市辖区| 兴国县| 珠海市| 瑞安市| 贡觉县| 克东县| 铁岭市| 运城市| 姜堰市| 通海县| 西乌珠穆沁旗| 宁海县| 阳西县| 四会市| 井冈山市| 赣榆县| 华宁县| 灯塔市| 勃利县|