javaScript闭包

大家先来看一段代码:

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。然而实际上呢?


javaScript闭包_第1张图片
闭包测试结果.png

结果并不如我们所预想的那样,而是输出了1,2,3,为什么会这样呢?
counter会是全局变量么?试着console.log(counter),你将得到undefined,所以它不是。

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

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

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

莫道君行早,更有早行人,加油

你可能感兴趣的:(javaScript闭包)