javaScript闭包

最新推荐文章于 2024-12-10 13:14:06 发布

zichen_zhou

最新推荐文章于 2024-12-10 13:14:06 发布

阅读量170

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/zichen_zhou/article/details/84876902

版权

前端专栏收录该内容

2 篇文章

订阅专栏

大家先来看一段代码：
```
function createCounter(){
   let counter = 0;
   const myFunction = function(){
       counter = counter + 1;
       return counter;
   }
   return myFunction;
}

const increment = createCounter();
const c1 = increment();
const c2 = increment();
const c3 = increment();
console.log('example increment',c1,c2,c3);
```

在不考虑闭包的前提下，根据代码，应该输出1，1，1。然而实际上呢？
![闭包测试结果.png](https://upload-images.jianshu.io/upload_images/13581920-1ef3dafd7ba058f4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
结果并不如我们所预想的那样，而是输出了1，2，3，为什么会这样呢？
counter会是全局变量么？试着console.log(counter),你将得到undefined，所以它不是。

所以，肯定存在一种被我们忽略的机制--也就是闭包。

其实，每当声明一个新函数并将其赋值给变量时，实际上是保存了函数定义和闭包。闭包包含了创建函数时声明的所有变量，可以理解为同一代码块的跟函数同一级的变量。
在本例中``` const increment = createCounter(); ```返回的不仅是myFunction()，还有变量counter。它们可以作为一个整体来理解。

总结：当声明一个函数时，它包含一个函数定义和一个闭包。闭包，是函数创建时声明的变量的集合。任何函数都有闭包，包含全局范围内创建的函数。但是由于这些函数是在全局范围内创建的，因此可以访问全局范围内所有变量，也就无所谓闭包不闭包了。

*莫道君行早，更有早行人，加油*