js闭包 <script> function a(){ var n=0; function inc(){ n++; console.log(n); } inc(); inc(); } a(); //控制台先输出1,后输出2 function a(){ var n=0; this.inc=function(){ n++; console.log(n); } } var c=new a(); c.inc(); //控制台输出1 c.inc(); //控制台输出2 </script> 有权访问另一个函数作用域内变量的函数都是闭包 这里inc函数访问了构造函数a里面的变量n,所以就形成了闭包 <script> function a(){ var n=0; function inc(){ n++; console.log(n); } return inc; } var c=a(); c(); //控制台输出1 c(); //控制台输出2 </script> 看看他是怎么执行的 var c=a() a()返回的是函数inc,这句等同于var c=inc; c(),等同于inc(); 注意:函数名只是一个标识(指向函数的指针),而()才是执行函数 后面三句翻译过来就是 : var c=inc; inc(); inc(); js每个函数都是小黑屋,他可以获取外界信息,但外界却无法直接看到函数里面的内容,将变量n放到小黑屋里,除了inc函数外,没有其他办法能接触到变量n,而且在函数a外定义同名的变量也是互不影响的,这就是所谓的封装 而之所以用return返回函数表示inc,是因为在a函数外部无法直接调用inc函数,所以return inc 与外部链接起来,代码2中的this也是将inc和外部链接起来而已 常见的陷阱 <script> 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]()); } </script> 注意:函数带()才是执行函数,单纯的一句var f=function(){alert("hi")};是不会弹出框的,后面接一句f();才会执行函数内部的代码,上面的代码翻译: 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 为什么只垃圾回收了 result,但却不收了 i 呢? 因为 i 还在被 function 引用着啊。好比一个餐厅,盘子总是有限的,所以服务员会去巡台回收空盘子,但还装着菜的盘子他怎么敢收? 当然,你自己手动倒掉了盘子里面的菜(=null),那盘子就会被收走了,这就是所谓的内存回收机制 总结:闭包就是一个函数引用另外一个函数的变量,因为变量被引用着才不会被回收,因此 可以用来封装一个私有变量,这是优点,也是缺点,不必要的闭包只会徒增内存消耗,另外闭包也要注意变量的值是否符合你的要求,因为他就像一个静态私有变量一样。闭包通常会跟很多东西混搭起来 原文出处:http://www.cnblogs.com/qieguo/p/5457040.html
2018-9-26-js闭包
最新推荐文章于 2023-12-19 22:16:59 发布