js 中的闭包

#### 先理解 js 中的执行环境(https://www.jianshu.com/p/5e5...
闭包 按中文的意思就是关上一个包的意思。若是咱们把函数的变量对象当作是一个包的话,那这个词很形象体现了它的做用 。函数被调用时会建立它的执行环境,函数语句执行完后程序会自动销毁这个函数的执行环境,可是当一个函数中声明了另外一个函数(子函数),而且若是存在对这个子函数引用,就会造成闭包,形象点说就至关于把父函数的活动对象(其实就是变量对象,只是它是执行时的变量对象)给关闭了起来,不让程序去销毁它(用技术语言就是父函数的活动对象会储存在内存中,知道手动的解除这个引用)。例如:闭包

function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    // 此处产生闭包 
    b();
} 
a();

当函数能够记住并访问它所在的做用域链时,就产生了闭包 固然,大部分的闭包都不是这么直观的,由于子函数的调用是能够在父函数以外的,例如:函数

function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    return b;
} 
var c=a();
// 此处产生闭包 此处的c函数其实就是a函数
c();

经过以上代码,咱们也能够看出一个闭包的好处,就是咱们再全局做用域(此处是widow)下访问到了局部做用域(a函数)的做用域的值,按正常的词法做用域是没法这么作的,可是当咱们使用闭包是就能够了。而后咱们再看一点咱们平时写的比较多的:code

function foo() {
    var a = 2;
    function baz() {
          // 2
        console.log( a ); 
    }
    bar( baz );
}
function bar(fn) {
// 你们快看呀,这就是闭包!
    fn(); 
}

又或者对象

var fn;
function foo() {
    var a = 2;
    function baz() {
        console.log( a );
    }
    // 将baz分配给全局变量
    fn = baz; 
}
function bar() {
     // 你们快看呀,这就是闭包!
    fn();
}
foo();
// 2
bar();

以上也是闭包,所以在函数内部调用子函数,或者经过何种手段将内部函数传递到所在的词法做用域之外,它都会持有对原始定义做用域的引用,不管在何处执行这个函数都会使用闭包 你们理解了木有哇~内存

相关文章
相关标签/搜索