在高级应用中需要依靠js闭包(closure)来实现~
1.变量的作用域:全局变量和局部变量。
Javascript可以在函数内部直接读取全局变量。
var a=1; //全局变量
var c=2; //运行方法a1后 c被赋值为3
function a1(){
alert(a); //可获得全局变量a
var b =2; //局部变量 只能方法a1内调用
c = 3; //声明了一个全局变量
}
a1(); //1
alert(c); //3
console.log(a,c); //1 3 //如果不执行a1();那就是1 2 //再如果注释var c=2,又注释a1();方法,那就报c没定义Uncaught ReferenceError: c is not defined
注意:在函数外部无法读取函数内的局部变量;
2.从外部读取局部变量:
function aa(){ //var aa = function(){ ... }
var aa=function(){
var a=2;
//console.log("aa"+a); //aa2
function b(){ //闭包函数
var b=a++; //b=a++=2;a=3;
console.log("a:"+a+",b:"+b); //a:3,b:2
}
return b;
}
var c=aa();
c(); //2
//aa(); //只执行aa()里,不执行b(); //var c=aa; 也是一样 不执行b();
目的:读取函数内部的变量,使内部变量的值始终保持在内存中。
function aa(){
var a=9;
add=function(){a+=1;} //全局变量
function b(){
console.log(a);
}
return b;
}
var c=aa(); //在add();前执行
c(); // 9
add();
c(); // 10
注意:闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题。
解决方法:在退出函数之前,将不使用的局部变量全部删除。a=null;
练习:
var name = "Tim";
var object = {
name : "Mary",
love: function(){
return function(){
return this.name;
};
}
};
alert(object.love()());
var name = "Tim";
var object = {
name : "Mary",
love: function(){
var she = this;
return function(){
return she.name;
};
}
};
alert(object.love()());
//Tim Mary