今天看到的记一下

function createFunctions(){ var result = new Array(); for (var i=0; i < 10; i++){ result[i] = function(){ return i; }; } return result; } var funcs = createFunctions(); for (var i=0; i < funcs.length; i++){ console.log(funcs[i]()); }

乍一看，以为输出 0~9 ，万万没想到输出10个10？ 这里的陷阱就是：函数带()才是执行函数！ 单纯的一句 var f = function() { alert(‘Hi’); }; 是不会弹窗的，后面接一句 f(); 才会执行函数内部的代码。 上面代码翻译一下就是：

var result = new Array(), i; result[0] = function(){ return i; }; //没执行函数，函数内部不变，不能将函数内的i替换！ result[1] = function(){ return i; }; //没执行函数，函数内部不变，不能将函数内的i替换！ ... result[9] = function(){ return i; }; //没执行函数，函数内部不变，不能将函数内的i替换！ i = 10; funcs = result; result = null; console.log(i); // funcs[0]()就是执行 return i 语句，就是返回10 console.log(i); // funcs[1]()就是执行 return i 语句，就是返回10 ... console.log(i); // funcs[9]()就是执行 return i 语句，就是返回10