JavaScript实现Iterator模式

领着对象见网友

领着对象见网友

2016-02-19 15:54

下面是个JavaScript实现Iterator模式教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

  在网上看到有不少JS设计模式的示例。

  今天参照:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  http://www.cnblogs.com/iloveu/archive/2009/03/31/1426234.html

  写了一下,记录在此,仅作备忘:

!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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

JavaScript实现Iterator模式

Web开发
JavaScript实现Iterator模式

Java源码分析:深入探讨Iterator模式

Java JAVA基础
Java源码分析:深入探讨Iterator模式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript 实现 Konami Code

Web开发
JavaScript 实现 Konami Code

Javascript trim()函数实现

Web开发
Javascript trim()函数实现

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

单行Javascript实现Memoization

Web开发
单行Javascript实现Memoization

Javascript设计模式:观察者模式

Web开发
Javascript设计模式:观察者模式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

痛陈javascript的缺点

痛陈javascript的缺点

盛开怒放到茶靡 盛开绽放到烂漫 - QQ图案分组

盛开怒放到茶靡 盛开绽放到烂漫 - QQ图案分组
下拉加载更多内容 ↓