理解javascript中的闭包

阅读目录

闭包在javascript来说是比较重要的概念，平时工作中也是用的比较多的一项技术。下来对其进行一个小小的总结

什么是闭包？

官方说法：

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量------《javascript高级程序设计第三版》

下面就是一个简单的闭包：

function A(){ var text="hello world"; function B(){ console.log(text); } return B;}var c=A();c(); // hello world　

按照字面量的意思是：函数B有权访问函数A作用域中的变量（text），通过另一个函数C来访问这个函数的局部变量text。因此函数B形成了一个闭包。也可以说C是一个闭包，因为C执行的实际是函数B。

这个需要注意的是，直接执行A();是没有任何反应的。因为return B没有执行，除非是return B();

闭包的特性

闭包有三个特性:

 1.函数嵌套函数

 2.函数内部可以引用外部的参数和变量

 3.参数和变量不会被垃圾回收机制回收

解释一下第3点，为什么闭包的参数和变量不会被垃圾回收机制回收呢？

首先我们先了解一下javascript的垃圾回收原理：

（1）、在javascript中，如果一个对象不再被引用，那么这个对象就会被GC（garbage collection）回收;

（2）、如果两个对象互相引用，而不再被第3者所引用，那么这两个互相引用的对象也会被回收。

上面的示例代码中A是B的父函数，而B被赋给了一个全局变量C（全局变量的生命周期直至浏览器卸载页面才会结束），这导致B始终在内存中，而B的存在依赖于A，因此A也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

闭包的作用：

其实闭包的作用也是有闭包的特性决定的，根据上面的闭包特性，闭包的作用如下：

  1、可以读取函数内部的变量，而不是定义一起全局变量，避免污染环境

  2、让这些变量的值始终保持在内存中。

闭包的代码示例

下面主要介绍几种常见的闭包，并进行解析：

demo1 局部变量的累加。

function countFn(){ var count=1; return function(){  //函数嵌套函数 count++; console.log(count); }}var y = countFn(); //外部函数赋给变量y;y(); //2 //y函数调用一次，结果为2，相当于countFn()()y(); //3 //y函数调用第二次，结果为3，因为上一次调用的count还保存在内存中，没有被销毁，所以实现了累加y=null; //垃圾回收,释放内存y(); // y is not a function