对于闭包二字, 我们常常听说, 可能更加知道面试的时候, 面试官必问知识点之一
在MDN 中, 对闭包是这样定义的
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。
要想理解闭包, 必然需要理解js的变量作用域: 全局变量和局部变量
我们都知道, 在函数内部可以读取全局变量
var a = 1; function fn () { console.log(a) // 1 } fn() 但是如果我们把a变量定义在函数内部 , 需要在函数外部使用. 则失败
那么我们怎样才可以使用函数内部的局部变量, 这就引进了闭包
function fn() { var a = 1 function fn2() { console.log(a) } return fn2 } var f = fn() f() 在本例中 f是执行fn执行时创建的fn2函数
在上述代码中 函数fn2是被包含在fn内部的, 这时fn内部的所有局部变量对fn2是可以访问的. 但是反过来不可以, fn2内部的局部变量对fn是不可见的, 这就是js的链式作用域结构, 子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。
所以fn2函数就是闭包 , 第一个函数fn执行以后, f被赋值了 f = function fn2() { console.log(a)}, 每次调用fn函数的时候, 都是返回的这个函数, 因为这个函数在第一个函数内部, 所以即使第一个函数执行完, 第二个函数依然能访问到a(作用域链)
根据阮一峰的理解闭包就是能够读取其他函数内部变量的函数
而且在JavaScript高级程序设计中也有提到`闭包是指有权访问另一个函数作用域中的变量的函数
那么闭包的作用很显然就是
1. 可以在函数外部访问到函数内部的局部变量: 函数执行, 形成私有的执行上下文, 使内部私有变量不受外界干扰,起到保护(避免命名冲突)和保存(解决循环绑定引发的索引问题)作用
2. 让这些变量始终保存在内存中, 不会随着函数的结束而自动销毁: 是变量不会被垃圾回收机制回收
使用闭包的注意点
1. 产生内存消耗问题: 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
2.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
思考题
以下两个例子是阮一峰老师给出的思考题
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNameFunc()()) 结果是The Window why?
我们可以把最后一句拆分一下
var fn1 = object.getNameFunc(); console.log(fn1()); 由于执行fn1()函数时是 window.fn1(), 所以这里的this指向是window, 所以window.name就等于The window
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ var that = this; return function(){ return that.name; }; } }; alert(object.getNameFunc()()); 结果是My Objec 我们用同样的方式
var fn1 = object.getNameFunc(); console.log(fn1()); 对于object.getNameFunc()我们可以知道, 它的this指向的是它的调用者object, 在执行fn1之前, 声明了一个that变量来保存object, 所以执行fn1()时, 此时的that就是object, that.name当然就是
My Object
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/227878.html原文链接：https://javaforall.net
