javascript閉包簡單程式碼例項
本章節並不介紹關於javascript的相關理論,只是分享幾個使用閉包的簡單程式碼例項,供學習的朋友參考之用,如需要了解閉包的概念問題,可以參考一下幾個文章:
1.閉包的概念可以參閱javascript閉包概念簡單解析一章節。
2.比較程式碼分析可以參閱javascript閉包用法例項程式碼分析一章節。
下面是分享的幾個程式碼例項:
程式碼一:
[JavaScript] 純文字檢視 複製程式碼function say(){ var num=666; var show=function(){ alert(num); } num++; return show; } var sayAlert=say(); sayAlert();
程式碼二:
[JavaScript] 純文字檢視 複製程式碼function setUpSomeGlobals(){ var num=666; gAlertNumber=function(){ alert(num); } gIncreaseNumber=function(){ num++; } gSetNumber=function(x){ num=x; } } setUpSomeGlobals(); gAlertNumber(); gIncreaseNumber(); gAlertNumber(); gSetNumber(12); gAlertNumber();
例項三:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ width:200px; height:25px; line-height:25px; list-style:none; font-size:12px; } </style> <script type="text/javascript"> window.onload=function(){ var oshow=document.getElementById("show"); var obox=document.getElementById("box"); var lis=obox.getElementsByTagName("li"); for(var index=0;index<lis.length;index++){ (function(index){ lis[index].onclick=function(){ oshow.innerHTML=index; } })(index) } } </script> <body> <div id="show"></div> <ul id="box"> <li>螞蟻部落歡迎您</li> <li>沒有人一開始就是高手</li> <li>只有當下的時間才是最可貴的</li> <li>每一天都是新的,要好好的珍惜</li> <li>只有努力奮鬥才會有美好的明天</li> </ul> </body> </html>
相關文章
- javascript閉包的應用簡單程式碼例項JavaScript
- 閉包程式碼例項演示
- javascript作用域簡單例項程式碼JavaScript單例
- JavaScript 動畫效果簡單例項程式碼JavaScript動畫單例
- javascript閉包用法例項程式碼分析JavaScript
- javascript 物件合併程式碼例項簡單分析JavaScript物件
- JavaScript簡單的日曆效果程式碼例項JavaScript
- javascript閉包的理解和例項JavaScript
- js微信視窗關閉事件簡單程式碼例項JS事件
- javascript名稱空間使用簡單程式碼例項JavaScript
- javascript判斷奇數簡單程式碼例項分享JavaScript
- javascript實現的動畫效果簡單例項程式碼JavaScript動畫單例
- 簡單介紹JavaScript閉包JavaScript
- javascript實現的簡單驗證碼效果程式碼例項JavaScript
- javascript求餘和除法運算簡單例項程式碼JavaScript單例
- javascript獲取字串的hash值簡單程式碼例項JavaScript字串
- javascript關閉當前視窗例項程式碼JavaScript
- js選項卡簡單程式碼例項JS
- JavaScript 表單驗證程式碼例項JavaScript
- javascript實現的圖片簡單切換程式碼例項JavaScript
- javascript引用型別資料特點簡單程式碼例項JavaScript型別
- javascript顛倒陣列元素順序簡單程式碼例項JavaScript陣列
- javascript事件冒泡簡單例項JavaScript事件單例
- javascript this用法和簡單例項JavaScript單例
- js map集合簡單程式碼例項JS
- JSON簡單格式程式碼例項JSON
- jQuery表單驗證簡單程式碼例項jQuery
- javascript使用cookie記錄使用者資訊簡單程式碼例項JavaScriptCookie
- javascript動態設定元素的樣式簡單程式碼例項JavaScript
- javascript讀寫二進位制檔案簡單程式碼例項JavaScript
- jQuery實現的簡單投票簡單程式碼例項jQuery
- javascript中的閉包概念簡單介紹JavaScript
- jQuery鏈式呼叫簡單例項程式碼jQuery單例
- prototype原型繼承簡單程式碼例項原型繼承
- jquery自定義事件簡單例項程式碼jQuery事件單例
- js簡單日曆效果程式碼例項JS
- js簡單的留言功能程式碼例項JS
- js簡單摺紙效果程式碼例項JS