作为前端开发人员，理解闭包对于高效、强大的编码至关重要。在这篇博客中，我们将揭开 JavaScript 中闭包的神秘面纱，并探索它们在 React 中的实际应用。无论您是 React 新手还是希望加深理解

ES6之前只有全局作用域与函数作用域两种，ES6出现之后，新增了块级作用域。在JavaScript中，全局变量是挂载在window对象下的变量，所以在网页中的任何位置你都可以使用并且访问到这个全局变量。

本文来探索一下 ahooks 是怎么解决 React 的闭包问题的？当我点击按钮的时候，发现 setInterval 中打印出来的值并没有发生变化，始终都是 0。这就是 React 的闭包问题。

我以往在实现点击按钮切换DOM元素样式的时候，使用的是在全局范围内定义一个flag变量，然后用true和false来对应不同的状态。

本系列对 ahooks 的源码解析是基于 v3.3.13。自己 folk 了一份源码，主要是对源码做了一些解读，可见 详情。本文来探索一下 ahooks 是怎么解决 React 的闭包问题的？

闭包（closure）就是通过嵌套函数的方式，缓存嵌套函数及其执行环境，等待下一次调用。直观的说就是形成一个不销毁的栈环境。这样可以保护变量和方法，使其私有化。

这个基本问题的解决方案是什么？好吧，问题是i每个匿名函数内的变量都绑定到函数外的同一个变量。ECMAScript 6 (ES6) 引入了范围不同于基于变量的新关键字let和const关键字var。例如，在具有let基于索引的循环中，循环中的每次迭代都会有一个i具有循环范围的新变量

函数赋值在闭包里面给fn2函数设置值，闭包的形式把name属性记忆下来，执行会输出 hello。getter和setter第一次输出 hello 用setter以后再输出 world ，这样做可以封装成公共方法

闭包（closure）是 Javascript 语言的一个难点，面试时常被问及，也是它的特色，很多高级应用都要依靠闭包实现。本文尽可能用简单易懂的话，讲清楚闭包的概念、形成条件及其常见的面试题。

闭包就是一个函数引用另外一个函数的变量，因为变量被引用着所以不会被回收，因此可以用来封装一个私有变量。这是优点也是缺点，不必要的闭包只会徒增内存消耗！另外使用闭包也要注意变量的值是否符合你的要求

闭包是JS中的强大特性之一，然而至于闭包怎么使用，我觉得不算是一个问题，甚至我们完全没必要研究闭包怎么使用。我的观点是，闭包应该是自然而言地出现在你的代码里，因为它是解决当前问题最直截了当的办法

柯里化是把接受 n 个参数的 1 个函数改造为只接受 1个参数的 n 个互相嵌套的函数的过程。也就是fn(a, b, c)会变成fn(a)(b)(c)。偏函数和珂理化的区别是，不再强调单函数。例如1个入参返回2个入参函数。

闭包这个词一听就很高级，令人害怕。但实际上，闭包非常的强大，JS 的精髓之一就是闭包。实际上，我们经常在使用闭包，而不自知！

闭包是一个让初级JavaScript使用者既熟悉又陌生的一个概念。因为闭包在我们书写JavaScript代码时，随处可见，但是我们又不知道哪里用了闭包。

闭包（closure）是掌握Javascript从人门到深入一个非常重要的门槛，它是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面写下我的学习笔记~