js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

代码演示

/*js设计模式——迭代器模式*/
class Iterator {
constructor(container) {
this.list = container.list;
this.index = 0;
} // next 判断下一项还有则继续追加
next() {
if (this.hasNext()) {
return this.list[this.index++];
}
return null;
} // hasNext 判断是否还有下一项
hasNext() {
if (this.index >= this.list.length) {
return false;
}
return true;
}
} class Container {
constructor(list) {
this.list = list;
} // 生成遍历器
getIterator() {
return new Iterator(this);
}
} let arr = [1, 2, 3, 4, 5, 6];
let container = new Container(arr);
let iterator = container.getIterator()
while(iterator.hasNext()){
console.log(iterator.next())
}

  

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

js设计模式——4.迭代器模式

  

上一篇:【设计模式】迭代器模式(Iterator )


下一篇:设计模式之迭代器模式——Java语言描述