JavaScript匿名函数和闭包介绍_javascript技巧

输出全局变量; box(); // 执行函数,累加一次; console.log(age); // =>102; 输出全局变量; // 通过局部变量无法实现累加 function box(){ var age = 100; age++; // 实现累加; return age; } console.log(box()); // =>101; console.log(box()); // =>101; 无法实现累加,因为第二次调用函数时,函数内部变量age又被初始化了; // 通过闭包可以实现局部变量的累加 function box(){ var age = 100; return function(){ // 匿名函数内实现累加; age++; return age; // 并返回累加后的变量; }; // 此时box()函数的局部变量age的值已经被修改为累加后的值; } var b = box(); // 给box()函数赋值给变量; console.log(b()); // =>101; 调用匿名函数,累加一次; console.log(b()); // =>102; 第二次调用匿名函数,累加两次; // PS:由于闭包里作用域返回的局部变量资源不会被立刻销毁回收,所以可能会占用更多的内存;所以过度使用闭包会导致性能下降;(将闭包引用在"私有作用域"中即可实现变量销毁) // 作用域链的机制导致一个问题,在循环中里的匿名函数取得的任何变量都是最后一个值; ?

输出每个函数的值,都是最后一个值; } // 上面的例子输出的结果都是5,也就是循环后得到的最大i值; // 因为b[i]调用的是匿名函数,匿名函数并没有自我执行,等到调用的时候,box()已执行完毕,i早已变成5; // 循环里包含匿名函数-改1,自我执行匿名函数 function box(){ var arr = []; for(var i=0; i<5; i++){ arr[i] = (function(num){ // arr[i]得到的是匿名函数执行后的结果数值0-4; return num; })(i); // 自我执行并传参; } return arr; } var b = box(); // =>[0,1,2,3,4]; 此时b代表box()返回的数组; for (var i = 0; i < b.length; i++) { console.log(b[i]); // 0 1 2 3 4; 这里返回的是数值; }; // 例子中,我们让匿名函数进行自我执行,导致最终返回给a[i]的是数组而不是函数了;最终导致b[0]-b[4]中保留了0,1,2,3,4的值; // 循环里包含匿名函数-改2,匿名函数里再做个匿名函数; function box(){ var arr = []; for(var i=0; i<5; i++){ arr[i] = (function(num){ return function(){ // 返回函数; return num; } })(i); } return arr; // arr = [function,function,function,function,function]; } var b = box(); for (var i = 0; i < b.length; i++) { console.log(b[i]()); // 0,1,2,3,4; }; // 改1和改2中,我们通过匿名函数自我执行,立即把结果赋值给arr[i]; // 每一个i,是调用方通过按值传递的,所以最终返回的都是指定的递增的i;而不是box()函数中的变量i;