闭包是JavaScript中一个重要的概念,闭包对于大部分的初学者来说理解起来十分的困难和晦涩,也是面试中经常遇到的问题,今天呢就让我们好好的分析闭包
闭包的概念
• 闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数。——出自《JavaScript高级程序设计(第三版)》
• 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为“闭包”。——出自《JavaScript权威指南(第六版)》
• 闭包是指一个函数可以记住其外部变量并可以访问这些变量。在某些编程语言中,这是不可能的,或者应该以一种特殊的方式编写函数来实现。但在 JavaScript 中,所有函数都是天生闭包的。——出自《现代JavaScript教程》
一句话总结:在一个函数内部创建另一个函数,内层函数中访问到其外层函数的变量,就会形成闭包。
初步理解闭包的定义
显然大部分人都da不喜欢这种官方的解释,ok,那直接上代码。
function a () {
var b = 1;
return function () {
b++;
console.log(b);
}
}
var c = a();
c();//b=2
c();//b=3
console(b) // undined
这是一个十分简单的关于闭包的例子,在函数a中返回了一个函数赋值个变量c执行c发现b累加了,再次执行发现b在原来的基础上又加了1,且外部访问不到b变量,这个例子就非常直观的说明了闭包的特点:
• 返回函数内部函数
• 形成闭包内的变量保存在内存中不被销毁
• 形成闭包的需要外部变量对函数内部函数的引用
闭包的用途
当我们重复使用一个变量名时,会考虑到命名污染的问题,这时候就可以使用闭包。这种变量被叫做私有变量或者局部变量。
for(var i = 0; i <= 10; i++){
setTimeout(function (){
console.log(i)
},i)
}
每次循环,我们都会挑出一份i用来输出,但因为setTimeout会在循环完成后执行,每次的i都在同一全局作用域下,于是后来居上,覆盖了前面的i,再由setTimeout执行时,就全是11了。
怎么使得每次循环输出正确呢?
我们只需要将每次的i变成一个私有变量,有独立的作用域,让其不再篡改就OK了。
这个时候我们就需要使用到IIFE( 立即调用函数表达式),这是一个被称为 自执行匿名函数 的设计模式,主要包含两部分。第一部分是包围在 圆括号运算符 () 里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。
第二部分再一次使用 () 创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。
for(var i = 1; i <= 5; i++) {
(function (j) {
setTimeout(function () {
console.log(j)
}, j* 1000)
})(i);
}
这里利用IIFE拥有独立的词法作用域的特性,将变量私有化,这样在setTimeout执行时就会得到正确输出。没错,好像就是利用闭包将每次的变量缓存起来,放在独立的内存中。
总结
闭包就是一个函数引用另外一个函数的变量,因为变量被引用着所以不会被回收,因此可以用来封装一个私有变量。这是优点也是缺点,不必要的闭包只会徒增内存消耗!另外使用闭包也要注意变量的值是否符合你的要求,因为他就像一个静态私有变量一样。闭包通常会跟很多东西混搭起来,接触多了才能加深理解。
评论