DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript實現Iterator模式實例分析
JavaScript實現Iterator模式實例分析
編輯:JavaScript綜合知識     

   本文實例講述了JavaScript實現Iterator模式的方法。分享給大家供大家參考。具體分析如下:

  經常在網上看到有不少JS設計模式的示例。這裡寫一下JavaScript實現Iterator模式的方法,記錄在此,僅作備忘:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 <!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.index>this.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>

  希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved