javascript - js閉包作用域
問(wèn)題描述
為什么會(huì)輸出10 次10 push進(jìn)去的不應(yīng)該是 1 - 9嗎 這個(gè)坑求大神解答
function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(){ return i;} } return a; }var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i]()); //10次 10}
問(wèn)題解答
回答1:只需要在for循環(huán)執(zhí)行時(shí),創(chuàng)建一個(gè)閉包函數(shù)將i值保存起來(lái),既可以依次輸出
function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(i){ return function() {return i; };}(i); } return a;}var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i]()); //已經(jīng)變?yōu)橐来屋敵鰙回答2:
在執(zhí)行點(diǎn)擊事件之前,for循環(huán)已經(jīng)執(zhí)行完,也就是最終獲取的是最后 i 的值5。 呆神:綁定 和 點(diǎn)擊 是兩個(gè)事件 點(diǎn)擊是用戶交互的時(shí)候發(fā)生 綁定在引擎編譯代碼的時(shí)候就發(fā)生了~ 宇神:這樣理解吧,你把點(diǎn)擊事件當(dāng)做一個(gè)下車事件,而火車從1-4,到4時(shí)你才能下車執(zhí)行事件,此時(shí)值為4.
之前過(guò)基礎(chǔ)看過(guò)的文章理解閉包,要求你寫過(guò)一代碼,而且接下來(lái)在自己的代碼中也能用到,除些之外,就只能死記硬背了。老派的國(guó)人喜歡讓小孩子很小的時(shí)候背東西,但是不會(huì)和他們講是什么意思,有時(shí)也講不清,寄希望于在未來(lái)的某個(gè)時(shí)刻自然而然就懂了以上如果你有一定基礎(chǔ),推薦看我寫的日志,再不懂,留言問(wèn)我http://user.qzone.qq.com/2084...
回答3:function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(i){ return i;}; } return a; }var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i](i));}回答4:
a[i] = function(i){ return i;};
return的每個(gè)i都是引用了外部的同一個(gè)i 也就是10
回答5:var fns=[];function test(){ for(var i=0;i<10;i++){(function(j){ fns.push(function(){ console.log(j);} ); })(i); }}test();for(var k=0;k<fns.length;k++){ fns[k]();}
var變量的作用域是函數(shù)作用域,不是塊級(jí)作用域
回答6:作用域鏈在創(chuàng)建的時(shí)候就已經(jīng)生成了, c[i] = function(i){ return i; };運(yùn)行的時(shí)候當(dāng)前作用域沒(méi)有i,而上層作用域save_i()的i已經(jīng)變成10。你認(rèn)為結(jié)果是0~9,是不是你把上層作用域當(dāng)做全局了
回答7:a[i]賦值的時(shí)候是一堆function、也就是并沒(méi)有執(zhí)行、也沒(méi)有拿到i、她的作用域也沒(méi)取到i
當(dāng)你在下面執(zhí)行的時(shí)候、這一堆function都開(kāi)始找自己作用域能取到的i、也就是循環(huán)執(zhí)行完的10
回答8:var關(guān)鍵字聲明變量作用域?yàn)楹瘮?shù)作用域, 因此 for 循環(huán)中的 i 變量會(huì)發(fā)生變量提升。 樓主的將for循環(huán)中的哪一段改為自執(zhí)行函數(shù)就ok了。eg:function save_i(){
var a = [], i = 0;for(;i<10;i++){ a[i] = function(i){return i; }(i);}return a;
}
相關(guān)文章:
1. python - 數(shù)據(jù)與循環(huán)次數(shù)對(duì)應(yīng)不上2. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?3. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫(kù)插入是亂碼問(wèn)題?4. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來(lái)哪些效率或者其他方面的好處5. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里?6. 視頻文件不能播放,怎么辦?7. mysql 查詢身份證號(hào)字段值有效的數(shù)據(jù)8. python - 爬蟲模擬登錄后,爬取csdn后臺(tái)文章列表遇到的問(wèn)題9. node.js - nodejs開(kāi)發(fā)中常用的連接mysql的庫(kù)10. 黑客 - Python模塊安全權(quán)限
