[TOC] #### 1. 什么是闭包 --- 闭包的概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域 简单理解：闭包 = 内层函数 + 外层函数的变量 先看个简单的代码： ```javascript // 外层函数 function outer() { let a = 10 // 外层函数的变量 // 内层函数 function inner() { console.log(a); } inner() } outer() ``` #### 2. 闭包的作用 --- 闭包作用：封闭数据，提供操作，外部也可以访问函数内部的变量 闭包的基本格式： ```javascript // 常见的闭包形式：外部可以访问使用 函数内部的变量 function outer() { let a = 10 function inner() { console.log(a); } return inner } const inner = outer() inner() // 10 ``` 闭包一定有 return 吗 ？其实并不是一定要有。那么什么时候需要用到 return ? ```javascript // 外部如果想要使用闭包的变量，此时则需要使用 return function outer() { let i = 0 function inner() { console.log(`函数被调用了${++i}次`) return i } return inner } const inner = outer() const one = inner() // 1 const two = inner() // 2 ``` #### 3. 闭包的应用 --- 闭包应用：实现数据的私有。在实现防抖和节流的函数中，也会使用到闭包 比如，我们要做个统计函数调用次数，函数每调用一次，次数就加一 ```javascript let i = 0 function foo() { i++ console.log(`函数被调用了${i}次`) } foo() // 函数被调用了1次 foo() // 函数被调用了2次 i = 5 // 但是，因为 i 是全局变量，很容易被修改，会导致调用次数计算错误 foo() // 函数被调用了6次 ``` 为了避免变量被篡改，所以我们可以定义为局部变量，也就是改为闭包形式 ```javascript function outer() { let i = 0 function inner() { console.log(`函数被调用了${++i}次`) } return inner } const inner = outer() inner() // 函数被调用了1次 inner() // 函数被调用了2次 i = 5 // 这里修改的是全局变量 i，无法修改局部变量 i inner() // 函数被调用了3次 ``` #### 4. 闭包的总结 --- 怎么理解闭包 ？ + 闭包 = 内层函数 + 外层函数的变量 闭包的作用 ？ + 封闭数据，实现数据私有，外部也可以访问函数内部的变量 + 闭包很有用，因为它允许将函数与其所操作的某些数据（环境）关联起来 闭包可能引起的问题 ？ + 内存泄漏 闭包有些容易引起歧义的地方 ？ + 闭包一定有 return 吗 ？答案是否定的，可以有，也可以没有 + 闭包一定会有内存泄漏吗 ？答案也是 no