闭包
对于闭包,简单的理解就是:函数嵌套函数,内层函数可以访问外层函数中的变量,就形成了闭包。
①闭包的优点:这个变量在外层函数执行完之后还不会被销毁,因为它被别的函数使用了;
缺点:闭包会使函数中的变量都被保存在内存中,内存消耗大,所以不能滥用闭包,否则会造成网页的性能问题,可能会导致内存泄露(解决方法:在退出函数之前,将不使用的变量全部删除)。
②闭包的定义:
function f1(){
var m = 10;
function f2(){
alert(m); // 10
}
}
③闭包的作用:
(1)可以读取函数内部的变量;
(2)让这些变量的值始终保存在内存中,因为闭包的执行依赖外部函数中的变量,只有闭包执行完成之后,才会释放变量所占用的内存;
④使用闭包的注意事项:
(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