小白也能懂得博客---如何理解闭包

ccjh-

于 2024-09-27 15:57:00 发布

阅读量447

点赞数 7

文章标签： javascript 前端

本文链接：https://blog.csdn.net/zyansocute/article/details/142594845

版权

1.概念

闭包是一个用于访问其他函数内部变量的函数.它允许一个内部函数访问并操作其外部函数作用域中的变量，即使外部函数已经执行完毕

闭包这个概念其实有点抽象,我相信很多小白在接触的时候可能会难以理解. 其实我们只需要知道并且记住: 闭包,就是一个函数 . 举一个教程上都会有的例子来让大家理解

2.代码讲解

function adder(x){
    return function(x,y){
        return x+y
    }
}
var add1 = adder(3);
console.log(add1(4));//7

在上面这个例子中,我们可以看到,在闭包中,我们访问到了x,并且在第一次引用时,记录了下来这个x=3,这应该不会造成疑惑,毕竟在概念中已经写出来了,这里还是比较好了解的.如果不理解也没关系,我再来仔细的讲解一遍.

它允许一个内部函数访问并操作其外部函数作用域中的变量，即使外部函数已经执行完毕

读了这句话,那么有彦祖就要问了"我们以往的认知是这样的:函数执行完了以后,在其内部作用域的变量不是已经销毁了吗?怎么还能访问其中的变量呢?"

这就是闭包的神奇之处,在闭包中,只要你外部函数没有被销毁(即这个函数仍然存在),它就能将外部函数的变量记忆下来并访问,也就是说这个:外部函数的内部作用域实际上并没有被销毁，而是被闭包“记住”了

接下来我再来讲解一下为什么最终结果会是7(这个地方其实基础好一点很好理解,但是因为我比较难以理解抽象的东西,所以还是写下来,希望每一个小白遇到难以理解的地方都不要放弃)

function adder(x){
    return function(x,y){
        return x+y
    }
}
var add1 = adder(3);
console.log(add1(4));//7

当我们运行到add1的时候,我们就将adder的参数x记录了下来,此时x=3,接下来当我们调用add1(4)的时候,实际上我们的add1是这样一个函数

add1=function(3,y){
    return 3+y
}

此时再将参数4带入计算,便是最终的结果7.

所以当我们再次阅读闭包的概念时,就很容易读懂了

闭包是一个用于访问其他函数内部变量的函数.(就是一个函数,能访问其他函数内部变量)

它允许一个内部函数访问并操作其外部函数作用域中的变量，即使外部函数已经执行完毕.

(可以访问已经执行过的函数的内部变量,使其私有化)

3.应用场景

(以下对于小白来说可以进行一个了解,我写此篇文章致力于让基础尚未巩固的人更好,更快的理解闭包,对于下面的应用场景了解即可,等到你们js更加熟练了,应用的更多了,你们对下面的应用场景就信手拈来了)

闭包在编程中有许多实际应用场景，这些场景展示了闭包如何帮助开发者编写更加模块化、灵活和高效的代码。以下是一些具体的实际应用场景：

1. 封装私有变量

闭包可以用于创建私有变量和函数，从而实现信息隐藏和封装。这在JavaScript等语言中特别有用，因为它们本身并不直接支持类似Java或C++中的私有成员语法。通过闭包，可以确保某些变量或函数只在特定的上下文（如模块或对象）中可见和使用，从而提高代码的安全性和模块化程度。

2. 函数式编程

在函数式编程中，闭包是非常有用的工具。通过使用闭包，可以创建高阶函数（即接受函数作为参数或返回函数的函数）、延迟执行函数（即函数被定义后并不立即执行，而是在需要时才执行的函数）以及实现柯里化（即将一个多参数的函数转换成多个单参数的函数）等功能。这些特性使得函数式编程更加灵活和强大。

3. 定时器和事件处理

在处理定时器和事件时，闭包可以帮助保存局部状态，从而在稍后的时间点执行所需的逻辑。例如，在JavaScript中，你可能会设置一个定时器，该定时器在一段时间后执行一个函数。如果这个函数需要访问在定时器设置时就已经存在的变量，那么就可以使用闭包来捕获这些变量的值，并在定时器触发时访问它们。

4. 模块模式

闭包可以用于创建模块，将相关的函数和数据封装在一起，提供一种更加模块化的编程方式。这种模块模式有助于减少全局变量的数量，避免命名冲突，并提高代码的可维护性和可重用性。

5. 回调函数

在异步编程中，闭包常常与回调函数一起使用。回调函数是在某个操作完成后被调用的函数，而闭包可以捕获周围作用域的状态，并在回调被触发时使用这些状态。这使得在异步操作（如网络请求、文件读写等）完成后能够访问到正确的上下文信息。

6. 循环中的异步操作

在循环中进行异步操作时，使用闭包可以解决由于作用域提升导致的问题。例如，在JavaScript中，如果你在循环中设置了一系列异步操作（如setTimeout），并且每个操作都需要访问循环的当前迭代变量，那么使用闭包可以确保在异步操作完成时能够获取到正确的循环变量值。

7. 缓存

利用闭包可以缓存计算结果，避免重复计算，提高程序的性能。例如，你可以创建一个闭包来保存一个计算密集型函数的返回值，并在后续需要该值时直接从闭包中获取，而不是重新计算。

8. 防抖和节流

在处理用户输入或频繁触发的事件时，防抖（debounce）和节流（throttle）是两种常用的优化技术。防抖可以确保事件处理函数只在最后一次触发后执行一次，而节流可以确保事件处理函数在一定时间间隔内最多执行一次。这两种技术都可以通过闭包来实现，因为它们都需要在函数外部捕获状态（如定时器ID），并在函数内部根据这些状态来执行相应的逻辑。