Javascript中作用域+闭包的详细讲解

作用域：

[[scope]]:每一个javascript函数都是一个对象，对象中有些属性我们可以访问，但是有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。

[[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。运行期上下文：当函数执行时，会创建一个称为执行期上下文的内部对象，一个执行期上下文定义了一个函数执行时的环境，函数每次执行时对应的执行期上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行期上下文，当函数执行完毕，它所产生的执行期上下文就会被销毁。

作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式连接，我们把这种链式链接叫做作用域。

function a(){
    function b(){
        function c(){
        }
    }    

}

a defined a.[[scope]]  ===> 0: GO

a doing a.[[scope]]  ===> 0: aAO

                                         1：GO

b defined b.[[scope]]  ===> 0: aAO

                                             1：GO

b defined b.[[scope]]  ===> 0: bAO

                                            1:aAO

                                             2:GO

c defined c.[[scope]]  ===> 0: bAO

                                            1:aAO

                                             2:GO

c defined c.[[scope]]  ===> 0: cAO

                                            1:bAO

                                            2:aAO

                                            3:GO

闭包

当内部函数被保存到外部时，将会产生闭包，闭包会导致原有作用域链不释放，造成内存泄露。

function a(){
    function b(){
        var bbb = 234;
           console.log(aaa);
    }
    var aaa = 123;
    return b;
}
var glob = 100;
var demo = a();
demo();

a函数被销毁前返回了b函数，所以b函数所产生的作用域链并没有被销毁，并且此时b函数并没有被执行，在下面demo（）调用的时候console.log（aaa）时，执行b函数，bAO中没有变量aaa，所以返回父级aAO中寻找到aaa = 123，故结果为123.

那么，怎样让b函数在返回之前就能够执行呢？

引入立即执行函数

立即执行函数，针对初始化功能的函数，

1.（function（）{}（））；（w3c建议第一种）

2.（function（）{}）（）；

只有表达式才能被执行符号执行

被立即执行符号执行的函数表达式后函数不能被再次使用

可通过加号，减号等将函数转化为函数表达式

+/-/！ function test（）{

        console.log（‘a’）； 

}     

function test(){
    var arr = [];
    for(var i = 0;i < 10;i ++){
        (function (j){
            arr[j] = function(){
                document.write(j+&#39; &#39;);    
            }
        }(i));
    }
    return arr;
	}
	var myarr = test();
	for(var i = 0;i < 10;i ++){
   	     myarr[i]();
    }

输出结果为：1 2 3 4 5 6 7 8 9 

相关文章：

详解JavaScript作用域和闭包

JavaScript中的作用域链和闭包

相关视频：

JS高级之作用域-燕十八 Javascript高级视频教程

以上是Javascript中作用域+闭包的详细讲解的详细内容。更多信息请关注PHP中文网其他相关文章！