如何理解和应用闭包

何为闭包

函数内部又定义了一个函数,这个子函数就可以称为闭包。

创新互联主营苏州网站建设的网络公司,主营网站建设方案,app软件定制开发,苏州h5成都微信小程序搭建,苏州网站营销推广欢迎苏州等地区企业咨询

闭包的特点

闭包的一个特点就是闭包内部可以引用外部函数的变量。

原理

要理解闭包的原理,最重要的是要理解JavaScript的作用域链机制。

  1. 作用域
    js中作用域分为两种,全局作用域和函数作用域(局部作用域),此外js遵循的是静态作用域规则。

  2. 作用域链
    由作用域形成的链条就称为作用域链,但这个作用域链存储的是指向各个活动对象的指针。下面我们看下作用域链的具体形成过程:全局作用域是一直存在的,函数作用域只有在执行到它的时候才会生成,当函数被定义时,函数的`scope`属性会存储该函数外部的作用域下的活动对象(指针),包括全局变量对象,所以可能是个指针列表。然后我们在调用函数时,首先会为它创建一个执行环境,然后创建作用域链,这个作用域链先是复制`scope`属性的值,新航道雅思培训然后把自己的活动对象推入作用域链的前端,这个活动对象由该函数作用域下的变量构成,这样函数的作用域链就形成了。
    举个栗子:

    var g = 1;function out(){var out = "out";return function(){    var inner = "inner";    return out;
    }
    }

    示例图

示例图解释了为什么闭包拥有保存外部函数变量的特性

当函数执行完毕,作用域链就会被销毁,之前占用的内存也会被释放,但如果函数内部定义了一个子函数,这个时候子函数的`scope`属性就会存储着指向父函数活动对象的指针,活动对象由于仍被子函数引用,所以不会被销毁,父函数的变量仍旧没有被消除。变量out的值仍旧是“out”。

// 可通过如下代码验证var abc = out();
alert(abc());

结果:

闭包的应用

  1. 闭包最常用的一个地方就是保留父函数的变量,这个在上面的例子中已经说明

  2. 闭包的另一个应用是模拟块级作用域和私有变量,这是应用函数拥有自己的作用域的特点,在不想成为公有变量的变量外报上一层匿名函数并且立即执行

    (function(){
    // 这里是块级作用域
    })();

总结

闭包虽然看似简单,但它揭示了js作用域链的机制,而且闭包有很多应用场景,如果不看懂它只会越来越懵逼。


本文名称:如何理解和应用闭包
地址分享:http://pwwzsj.com/article/ggdjcd.html