JavaScript--关于闭包(closure)
js代码在执行前会做的几件事情:
1.代码检测
2.预编译:在执行代码之前会对代码中的函数以及变量提前声明 并且做一些其他的处理
1.函数在执行前的一瞬间,会生成一个oa(object action)对象
2.函数的形参作为oa对象的属性名,实参作为ao对象的属性值
3.分析var声明,变量名作为ao对象的属性名,值为undefined,如果遇到和参数同名的变量不去做任何改变
4.分析函数声明,函数名作为ao 对象的属性名,值为函数体,如果遇到同名函数直接覆盖
接下来我们来分析这段代码:(按照预编译的四步走)
function fun(a){
console.log(a)
var a = 100
console.log(a)
}
fun(10)
1.在执行fun之前产生一个fun oa对象 ,
2.函数的形参a = 10 ,存入ao对象
3.var声明了一个a 值为undefined
4.分析函数 这个函数里面并没有内层函数
做完以上分析之后 再来执行这个程序 执行过程中碰到变量的输出或改变值 就去oa对象中找:
console.log(a) 此时a = 10 输出10
a = 100 此时a=100
console.log(a) 输出100
这是一个函数整体的执行过程,而闭包的形成就是在一个函数里面嵌套一个或多个函数,接下来我们再来分析闭包
function a(){
var num = 100;
function b(){
num ++;
console.log(num)
}
return b;
}
var fun = a()
fun()
fun()
1.在a()执行前生成一个oa对象
2.没有形参
3.声明var num = undefined
3.声明函数b() 值为函数体
然后执行a() 给num复制为100,然后返回b()函数 fun=function b(){ } 接下来在执行到fun()时:
1.在fun()执行前产生一个oa对象
2.没有形参
3.没有var声明
4.没有函数声明
然后执行b()函数,此时num++,会先在b()自己的作用于内查找有没有num这个变量 如果没有沿着作用域链去查找num
找到a()中有num变量 这是对a()中的num执行++操作 所以a()中的num会发生改变 num=101
后续又执行了一次fun() 所有操作与上一个fun相同 但是此时a()中的num=101 再进行++操作后 num = 102
用图像化来表示整个程序的执行过程中oa发生的变化
*在整个程序执行过程中 最最需要注意的是 函数每执行一次都会产生一个相应的oa对象
就算是同一个函数 只要再次执行都会产生一个对应的oa活动对象
上一篇: 原生js获得八种方式,事件操作