原来JavaScript的闭包是这么回事(5)

第9行,在调用上下文(全局执行上下文)中,createCounter返回的值被赋给increment。变量increment现在包含一个函数定义(和闭包),其中函数定义由createCounter返回。它不再被标记为myFunction,但定义是一样的。在全局上下文中,它被称为increment。

第10行,声明一个新变量(c1)。

第10行,查找变量increment,它是一个函数,调用它,它包含之前返回的函数定义,也就是第4-5行所定义的内容(还有一个带变量的闭包)。

创建新的执行上下文,没有参数,开始执行这个函数。

第4行,counter = counter + 1。我们需要查找变量counter。在查看本地或全局执行上下文之前,先让我们来看看闭包。请注意,闭包包含一个名为counter的变量,其值为0。在第4行的表达式之后,它的值被设置为1,然后再次保存在闭包中。闭包现在包含了值为1的变量counter。

第5行,我们返回counter的值或数值1,销毁本地执行上下文。

返回第10行,返回值(1)被分配给c1。

第11行,我们重复步骤10-14。这次,我们可以看到变量counter的值为1,这个值是在第4行代码中设置的。它的值加1,并在increment函数的闭包中存为2。c2被赋值为2。

第12行,我们重复步骤10-14,c3被设为3。

第13行,我们记录变量c1、c2和c3的内容。

所以现在我们了解闭包的工作原理。当声明一个函数时,它包含一个函数定义和一个闭包。闭包是函数创建时声明的变量的集合。

你可能会问,任何函数是否都有闭包,包括在全局范围内创建的函数?答案是肯定的。在全局范围中创建的函数也会创建一个闭包。但由于这些函数是在全局范围内创建的,因此它们可以访问全局范围内的所有变量,就无所谓闭包不闭包了。

当一个函数返回另一个函数时,才会真正涉及闭包。返回的函数可以访问仅存在于其闭包中的变量。

不经意的闭包

有时候闭包会在你不经意的时候出现,你可能已经看到了我们称之为局部应用程序的示例,如下面的代码所示。

let c = 4 const addX = x => n => n + x const addThree = addX(3) let d = addThree(c) console.log('example partial application', d)

如果不使用箭头函数,等效的代码如下。

let c = 4 function addX(x) { return function(n) { return n + x } } const addThree = addX(3) let d = addThree(c) console.log('example partial application', d)

我们声明了一个通用加法函数addX,它接受一个参数(x)并返回另一个函数。

返回的函数也接受一个参数并将其与变量x相加。

变量x是闭包的一部分,当在本地上下文中声明变量addThree时,它会分配到一个函数定义和一个闭包,闭包含变量x。

所以,当调用并执行addThree时,它可以从闭包中访问变量x和变量n(作为参数传递进去),并返回相加的和。

在这个示例中,控制台将打印数字7。

结论

我通过背包类比的方式记住了闭包。当创建和传递一个函数或将其从另一个函数返回时,这个函数就带有一个背包,背包中包含了所有在创建函数时声明的变量。

英文原文:

Linux公社的RSS地址:https://www.linuxidc.com/rssFeed.aspx

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/c447d03ec21c8cafb2e1d8273e639831.html