下面是个JavaScript实现Iterator模式教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
【 tulaoshi.com - Web开发 】
在网上看到有不少JS设计模式的示例。
今天参照:
http://www.cnblogs.com/iloveu/archive/2009/03/31/1426234.html
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)写了一下,记录在此,仅作备忘:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type" /
title无标题 1/title
/head
body
script type="text/javascript" language="javascript"
///@定义一个迭代器对象
function Iterator(arr)
{
this.obj=arr;
this.length=this.obj.length;
this.index=0; //从前往后
}
Iterator.prototype=
{
current:function()
{
return this.obj[this.index-1];
},
first:function()
{
return this.obj[0];
},
last:function()
{
return this.obj[this.length-1];
},
hasNext:function()
{
this.index=this.index+1;
if(this.indexthis.length || null==this.obj[this.index-1])
return false;
return true;
}
}
Array.prototype.createIterator=function()
{
return new Iterator(this);
}
var test=['abc1','abc2','abc3'];
var iter=test.createIterator();
while(iter.hasNext())
{
var tempArr=iter.current();
alert(tempArr);
}
/script
/body
/html
来源:http://www.tulaoshi.com/n/20160219/1610672.html
看过《JavaScript实现Iterator模式》的人还看了以下文章 更多>>