JavaScript中通過閉包解決只能取得包含函數(shù)中任何變量最后一個值的問題
更新時間：2010年08月12日 10:23:58 作者：
JavaScript中解決閉包只能取得包含函數(shù)中任何變量最后一個值的問題
復制代碼 代碼如下:
<script type="text/javascript">
function createArray() {
var arr = new Array();
for (var i = 0; i < 10; i++) {
arr[i] = function () {
return i;
}
}
return arr;
}
var funcs = createArray();
for (var i = 0; i < funcs.length; i++) {
document.write(funcs[i]() + "<br />");
}
//以上輸出全部是i的最后一次的值（10），即會輸出10個10，顯然這不是我們想要的
//原因：因為每個函數(shù)都保存了createArray函數(shù)的活動對象，所以他們引用的都是同一個i(按引用傳的值)
//解決方案：把按引用傳參修改為按值傳參
function createArray() {
var arr = new Array();
for (var i = 0; i < 10; i++) {
arr[i] = function (num) {
return function () {
return num;
}
} (i);//調用此匿名函數(shù)返回內部匿名函數(shù)，這里多了一步按值傳遞參數(shù)
}
return arr;
}
var funcs = createArray();
for (var i = 0; i < funcs.length; i++) {
alert(funcs[i]() + "<br />");
}
//以上輸出的為理想結果
</script>
相關文章
這篇文章主要給大家介紹了關于前端快速獲取cookie的2種簡單方式,Cookie是在HTTP協(xié)議下,服務器或腳本可以維護客戶工作站上信息的一種方式,需要的朋友可以參考下2023-08-08
遍歷是程序中最常用的語法之一。在JS里，小到數(shù)據(jù)處理，大到列表渲染，配合ajax對json數(shù)據(jù)的支持，遍歷的使用場景也越來越多2014-12-12
取消瀏覽器對事件的默認行為(響應)(比如a標簽的跳轉等)并停止事件的繼續(xù)傳播，下面有一個不錯的示例大家可以感受下2013-11-11
大家瀏覽網(wǎng)頁的時候，見到過圖片跟隨鼠標移動的js特效，效果非常好，是怎么實現(xiàn)的呢，實現(xiàn)這個功能很簡單，感興趣的朋友一起看看吧2015-11-11
論壇轉貼工具中用到的正則表達式學習正則的好例子...2007-11-11
通用javascript腳本函數(shù)庫 方便開發(fā)
javascript 在 WEB 編程中能起到很大的作用，將一些常用的功能寫成javascript類庫。2009-10-10
JavaScript實現(xiàn)基于Cookie的存儲類實例
這篇文章主要介紹了JavaScript實現(xiàn)基于Cookie的存儲類,實例分析了javascript通過cookie實現(xiàn)數(shù)據(jù)存儲的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了js父頁面與子頁面不同時顯示的方法,打開一個頁面后,父頁面DISABLE,在子頁面關閉后,父頁面ENABLE,是比較實用的技巧,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了JS基于Mootools實現(xiàn)的個性菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
JavaScript實例--創(chuàng)建一個歡迎cookie
這篇文章主要介紹了JavaScript實例--創(chuàng)建一個歡迎cookie，2022-01-01