測試重寫一個簡單的循環與即時功能

Question

我不知道爲什麼我在下面的代碼片段（改編自JavaScript closure inside loops – simple practical example）得到一個錯誤：

var funcs = {}; 
for (var i = 0; i < 3; i++) {   // let's create 3 functions 
    funcs[i] = (function(n) {   // and store them in funcs 
     console.log("My value: " + n); // each should log its value. 
    })(i); 
} 
for (var j = 0; j < 3; j++) { 
    funcs[j]();      // and now let's run each one to see 
} 

看起來這應該運行正常;我知道這只是我沒有完全得到的東西。

這裏是errror我得到：

THX任何幫助

Answer 1

你需要返回的函數，而不是函數的結果。嘗試：

funcs[i] = (function(n) { 
    return function() { 
    console.log("My value: " + n); 
    } 
})(i); 

例子：

> var funcs = {}; 
for (var i = 0; i < 3; i++) { 
    funcs[i] = (function(n) { 
    return function() {console.log("My value: " + n);} 
    })(i); 
} 
for (var j = 0; j < 3; j++) { 
    funcs[j]();     
} 
My value: 0 
My value: 1 
My value: 2