1、闭包的定义:闭包就是能够读取其他函数内部变量的函数。在js中,可以将闭包理解成“函数中的函数“。
如下代码中f2()函数就是闭包:
function f1(){ var m = 10; function f2(){ alert(m); // 10 } }
2、
闭包的作用:
A、可以读取函数内部的变量
B、让这些变量的值始终保存在内存中。这是因为闭包的执行依赖外部函数中的比那辆,只有闭包执行完,才会释放变量所占的内存
3、使用闭包的注意事项
(1) 问题:由于闭包会使得函数中的变量都被保存在内存中,内存消耗大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能会造成内存泄露。
解决方法:在退出函数之前,将不使用的局部变量全部删掉
(2) 问题:闭包会在父函数外部,改变父函数内部变量的值。
如果把父函数当做对象使用,把闭包当做公用方法,把内部变量当做私有属性,此时不要随便改变父函数内部变量的值。
如下面的例子:
//----代码一 var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ //js中,函数就是作用域 return this.name; // 闭包 + this,造成的问题,函数中的this不能访问到作用域外的变量 }; } }; alert(object.getNameFunc()()); //this的作用域是在函数执行的时候确定,因为匿名函数是一个全局变量,因此this指向的是window对象 // 因此输出结果是:The Window //-----代码二 var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ var that = this; //--this指向object,保留了对象object在that里面, return function(){ return that.name; //这里输出对象object的name属性的值 }; } }; alert(object.getNameFunc()()); // 所以暑促值:My Object
一道闭包的面试题
function fun(n,o){ console.log(o); return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3); var b = fun(0).fun(1).fun(2).fun(3); var c = fun(0).fun(1); c.fun(2); c.fun(3); //问:三行a,b,c的输出分别是什么? var a = fun(0); a.fun(1); a.fun(2); a.fun(3); //undefined 0 0 0 var b = fun(0).fun(1).fun(2).fun(3); //undefined 0 1 2 var c = fun(0).fun(1); c.fun(2); c.fun(3); //undefined 0 1 1
看下面这段代码,调用fun后,会返回一个空对象
function fun(n,o){ return { } }
function fun(n,o){ console.log(o); return { fun:function(m){ return fun(m,n); } }; } var a = fun(0);
注意:当调用函数的时候,传入的实参比函数声明时指定的形参个数少时,剩下的形参都被设定为undefined
上面调用函数var a=fun(0); 输出的结果如下:
console.log(o); //undefined
a的值是调用fun(0)后返回的对象,即a的值如下:
{ fun:function(m){ return fun(m,0); } }
理解了这里,上面的题目就可以做出来了。
详细解答,参考链接:详细解答
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232600.html原文链接:https://javaforall.net
