昼猫笔记 JavaScript -- 闭包

本次主要内容：闭包
所需阅读时间：约3分钟
记得点个赞支持支持我哦
文章来自个人公众号 昼猫笔记

---

初步了解闭包

先看下代码,输出结果是多少?

function fn1 () {
   var a = 2
   function fn2 () {
     console.log(a)
   }
}
fn1()

输出结果：undefined

如何产生闭包呢?

当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包

---

那闭包到底是什么呢?

理解一: 闭包是嵌套的内部函数(绝大部分人)
理解二: 包含被引用变量(函数)的对象(极少数人)(倾向于第二种)
我们可以chrome调试来查看

---

产生闭包的条件

1. 函数嵌套
2. 内部函数引用了外部函数的数据(变量/函数)

---

常见的闭包

一、将函数作为另一个函数的返回值

function fn1() {
   var a = 2
   function fn2() {
       a++
       console.log(a)
   }
   return fn2
}
var f = fn1()
f() // 3
f() // 4

请问该过程产生了几个闭包?
答: 共产生一个(产生条件是创建内部函数对象就会产生闭包)

如果说我想再次产生一个闭包,该怎么做?
答: 再次创建一个外部函数

二、将函数作为实参传递给另一个函数调用

function Test(msg, time) {
   setTimeout(function () {
       console.log(msg)  //如果将这行去掉就不会产生闭包
   }, time)
}
Test('zhouMao', 1000)

---

闭包作用

• 使用函数内部的变量在函数执行完后, 仍然存活在内存中(延长了局部变量的生命周期)
• 让函数外部可以操作(读写)到函数内部的数据(变量/函数)

---

思考

function fn1() {
   var a = 2
   function fn2() {
       a++
       console.log(a)
   }
   function fn3() {
       a--
       console.log(a)
   }
   return fn3
}
var f = fn1()
f() // 1
f() // 0

函数执行完后, 函数内部声明的局部变量(var a)是否还存在?
答: 存在，因为它在闭包中，只有存在于闭包中的变量才可能存在

fn2是否存在
答: 不存在,因为没有人引用它,就会变成垃圾对象

那fn3呢,是否存在?
答: 存在，是因为 var f = fn1() 导致的( 闭包没有消失的根本原因 )，当我 return fn3() 的时候，保存的是 fn3， 一旦返回后，fn3 不存在，但是fn3不存在不代表函数对象变成垃圾对象，因为 var f = fn1() f 指向的是 fn3

在函数外部能直接访问函数内部的局部变量吗?
答：但是不能了，但是我们可以通过闭包这个技术让外部操作它本次主要内容是 闭包

总结

闭包的优点：
1.能够读取函数内部的变量
2.让这些变量一直存在于内存中，不会在调用结束后，被垃圾回收机制回收

闭包的缺点：
由于闭包会使函数中的变量保存在内存中，内存消耗很大，所以不能滥用闭包，解决办法是可以在使用完变量后手动为它赋值为null。

记得点个赞支持支持我哦