首页 > 语言 > JavaScript > 正文

JavaScript实现Iterator模式实例分析

2024-05-06 16:21:52
字体:
来源:转载
供稿:网友

这篇文章主要介绍了JavaScript实现Iterator模式,实例分析了Iterator模式的相关实现技巧,需要的朋友可以参考下

本文实例讲述了JavaScript实现Iterator模式的方法。分享给大家供大家参考。具体分析如下:

经常在网上看到有不少JS设计模式的示例。这里写一下JavaScript实现Iterator模式的方法,记录在此,仅作备忘:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. <head> 
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  5. <title>无标题 1</title> 
  6. </head> 
  7. <body> 
  8. <script type="text/javascript" language="javascript"
  9. ///@定义一个迭代器对象 
  10. function Iterator(arr) 
  11. this.obj=arr; 
  12. this.length=this.obj.length; 
  13. this.index=0; //从前往后 
  14. Iterator.prototype= 
  15. current:function() 
  16. return this.obj[this.index-1]; 
  17. }, 
  18. first:function() 
  19. return this.obj[0]; 
  20. }, 
  21. last:function() 
  22. return this.obj[this.length-1]; 
  23. }, 
  24. hasNext:function() 
  25. this.index=this.index+1; 
  26. if(this.index>this.length || null==this.obj[this.index-1]) 
  27. return false
  28. return true
  29. Array.prototype.createIterator=function() 
  30. return new Iterator(this); 
  31. var test=['abc1','abc2','abc3']; 
  32. var iter=test.createIterator(); 
  33. while(iter.hasNext()) 
  34. var tempArr=iter.current(); 
  35. alert(tempArr); 
  36. </script> 
  37. </body> 
  38. </html> 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选