[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