码迷,mamicode.com
首页 > 其他好文 > 详细

如何理解和应用闭包

时间:2017-04-08 23:07:25      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:function   return   inner   如何   

何为闭包

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

闭包的特点

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

原理

要理解闭包的原理,最重要的是要理解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作用域链的机制,而且闭包有很多应用场景,如果不看懂它只会越来越懵逼。


如何理解和应用闭包

标签:function   return   inner   如何   

原文地址:http://zhangtaoze.blog.51cto.com/12776936/1914155

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!