JavaScript 中的闭包和封装 | 简化的

什么是闭包，我们什么时候才能真正使用它？

要理解 Closure，我们需要了解 JavaScript 中的两个简单概念：嵌套函数和返回函数。



嵌套函数

在 JavaScript 中，我们可以嵌套函数。内部函数可以访问外部函数的变量和参数。

让我们检查以下示例：



在这个例子中，内部函数displayMessage 可以访问外部函数中声明的变量和外部函数的message参数。name

返回一个函数

除了在外部函数内部声明和调用内部函数外，我们还可以返回内部函数，以便可以从外部调用它。

让我们看一个例子：



在这个例子中，内部函数displayMessage由外部函数返回，所以displayMessageFunction 变量的类型是函数。当我们调用该函数时，displayMessage将调用Hello Alex！ 将显示消息。

关闭

理解了这两个概念后，闭包的“定义”就很简单了。

闭包意味着即使在外部函数返回后，内部函数也可以访问其外部函数的变量和参数。

让我们看另一个例子，我们可以确切地看到如何使用闭包：



正如定义所暗示的那样，内部函数increaseCounter可以访问counter外部函数中声明的变量counterFunction。

内部函数不保留外部变量的单独副本，但它引用外部变量。换句话说，counter如果你使用内部函数改变它，它的值也会改变。

外层函数counterFunction也返回了内层函数的引用increaseCounter，所以当我们调用它的时候，变量的实际值counter就会改变。这样，我们可以看到counter变量在每次调用后都有一个新的增量值counter()。

什么时候使用闭包？

我们可以在 JavaScript 中使用闭包来实现封装。这可以通过隐藏细节实现来实现。这样，我们就可以创建私有变量和函数了。

让我们检查以下示例，我们希望仅使用函数和对象来封装一些数据：



在此示例中，我们仅公开increaseCounter,decreaseCounter并且getCounterByValue因为它们包含在返回的对象中。不能从外部访问变量和函数，因为它们不是返回对象的一部分privateCounter。changeBy

我们可以从外部控制计数器的值，仅通过调用increaseCounterand decreaseCounter，我们可以通过调用函数来获取值getCounterValue，其行为类似于 getter。

这样，我们就可以模拟public和private访问说明符，实现封装。

这是软件开发中一个非常强大的概念，因为它可以防止对应保持私有的变量和函数进行意外修改。

就这样！

感谢您花时间阅读这篇关于 JavaScript 闭包的文章。我希望它能帮助您更好地理解这个重要概念以及如何使用它来实现封装和创建私有变量和函数！

标签：JavaScript,嵌套,闭包
来源：