欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript的闭包详解

程序员文章站 2024-03-17 22:57:28
...

首先我们来看看一道题

<script>
function Person(name,age,sex){
	var a=0;
	this.name=name;
	this.age=age;
	this.sex=sex;
	function sss(){
		a++;
		console.log(a);
	}
	this.say=sss;
}
var oPerson=new Person();
oPerson.say();
oPerson.say();
var oPerson1=new Person();
oPerson1.say();

</script>

首先可以看到上述题目有两个函数,一个函数包裹着一个函数

当new Person()的时候  Person()函数开始被定义  产生一个【0】GO{} 代表全局

                                                                                           一个【1】AO{a=0}代表本身

当执行this.say=sss的时候,sss()函数会被定义但不会被执行,被定义的时候就保存了Person()的所有劳动成果,oPerson.say()就变成了sss()  那么AO和GO就被sss函数所保存下来了

                                                                                                  【0】ao{}

                                                                                                  【1】AO{a=0}  sss函数自增会+1 a=1;

                                                                                                   【2】GO{}

那么此时在执行sss函数的时候,a++的a在sss函数找不到,那么sss就会去Person函数找a的变量,因为a的变量为0所以通过sss函数的自增就变成了a=1被保存了下来,此时sss的ao{}执行完就销毁了,当再次执行sss函数的时候,那么它所保存的Person函数的AO中的a还是为1,所以第二次a=2。

最终结果是121