我正在尽我最大的努力来解决 JavaScript 闭包问题。
我通过返回一个内部函数得到了这一点，它可以访问在其直接父级中定义的任何变量。
这对我有什么用？也许我还没有完全理解它。我在网上看到的大多数示例都没有提供任何真实世界的代码，只是一些模糊的示例。
有人可以向我展示闭包的真实使用吗？
例如，这是一个吗？
var warnUser = function (msg) {
var calledCount = 0;
return function() {
calledCount++;
alert(msg + '\nYou have been warned ' + calledCount + ' times.');
};
};
var warnForTamper = warnUser('You can not tamper with our HTML.');
warnForTamper();
warnForTamper();
假设您想计算用户单击网页上按钮的次数。
为此，您将在onclick按钮事件上触发一个函数 来更新变量的计数
<button onclick="updateClickCount()">click me</button>
您可以使用全局变量和函数来增加计数器：
var counter = 0;
function updateClickCount() {
++counter;
// Do something with counter
}
但是，缺陷在于页面上的任何脚本都可以更改计数器，而无需调用updateClickCount().
现在，您可能正在考虑在函数内声明变量：
function updateClickCount() {
var counter = 0;
++counter;
// Do something with counter
}
但是，嘿！每次updateClickCount()调用函数时，计数器都会再次设置为 1。
考虑嵌套函数？
嵌套函数可以访问它们“上方”的范围。
在这个例子中，内部函数updateClickCount()可以访问父函数中的计数器变量countWrapper()：
function countWrapper() {
var counter = 0;
function updateClickCount() {
++counter;
// Do something with counter
}
updateClickCount();
return counter;
}
如果您可以updateClickCount()从外部访问该函数，并且您还需要找到counter = 0只执行一次而不是每次都执行的方法，那么这可以解决计数器的困境。
关闭救援！（自调用函数）：
var updateClickCount = (function(){
var counter = 0;
return function(){
++counter;
// Do something with counter
}
})();
自调用函数只运行一次。它将 设置counter为零 (0)，并返回一个函数表达式。
这种方式updateClickCount成为一个功能。“精彩”的部分是它可以访问父作用域中的计数器。
这称为JavaScript 闭包。它使函数可以拥有“私有”变量。
该counter是由匿名函数的范围内保护，并且只能使用add函数来改变！
<script>
var updateClickCount = (function(){
var counter = 0;
return function(){
++counter;
document.getElementById("spnCount").innerHTML = counter;
}
})();
</script>
<html>
<button onclick="updateClickCount()">click me</button>
<div> you've clicked
<span id="spnCount"> 0 </span> times!
</div>
</html>我使用闭包来做类似的事情：
a = (function () {
var privatefunction = function () {
alert('hello');
}
return {
publicfunction : function () {
privatefunction();
}
}
})();
正如你在那里看到的，a现在是一个对象，带有一个调用的方法publicfunction( a.publicfunction()) privatefunction，它只存在于闭包中。您不能privatefunction直接调用（即a.privatefunction()），只能调用publicfunction().
这是一个最小的例子，但也许你可以看到它的用途？我们用它来强制执行公共/私有方法。
你举的例子是一个很好的例子。闭包是一种抽象机制，允许您非常干净地分离关注点。您的示例是将检测（计数调用）与语义（错误报告 API）分离的情况。其他用途包括：
将参数化行为传递给算法（经典的高阶编程）：
function proximity_sort(arr, midpoint) {
arr.sort(function(a, b) { a -= midpoint; b -= midpoint; return a*a - b*b; });
}
模拟面向对象编程：
function counter() {
var a = 0;
return {
inc: function() { ++a; },
dec: function() { --a; },
get: function() { return a; },
reset: function() { a = 0; }
}
}
实现奇特的流控制，例如 jQuery 的事件处理和 AJAX API。
JavaScript 闭包可用于在您的应用程序中实现节流和去抖动功能。
节流限制了一个函数在一段时间内可以被调用的最大次数。如“最多每 100 毫秒执行一次此函数”。
代码：
const throttle = (func, limit) => {
let isThrottling
return function() {
const args = arguments
const context = this
if (!isThrottling) {
func.apply(context, args)
isThrottling = true
setTimeout(() => isThrottling = false, limit)
}
}
}
去抖动限制了一个函数，直到它被调用一段时间后才被再次调用。如“仅当 100 毫秒过去了而没有被调用时才执行此函数”。
代码：
const debounce = (func, delay) => {
let debouncing
return function() {
const context = this
const args = arguments
clearTimeout(debouncing)
debouncing = setTimeout(() => func.apply(context, args), delay)
}
}
正如你所看到的，闭包有助于实现两个漂亮的特性，每个 Web 应用程序都应该提供这些特性来提供流畅的 UI 体验功能。
是的，这是一个有用的闭包的好例子。对 warnUser 的调用calledCount在其范围内创建变量并返回存储在该warnForTamper变量中的匿名函数。因为仍然有一个闭包使用了 calledCount 变量，它不会在函数退出时被删除，所以每次调用warnForTamper()都会增加作用域变量并警告值。
我在 Stack Overflow 上看到的最常见的问题是有人想要“延迟”使用在每个循环中增加的变量，但是因为变量是有作用域的，所以对变量的每个引用都会在循环结束之后，导致变量的结束状态：
for (var i = 0; i < someVar.length; i++)
window.setTimeout(function () {
alert("Value of i was "+i+" when this timer was set" )
}, 10000);
这将导致每个警报显示相同的值i，即循环结束时增加的值。解决方案是创建一个新的闭包，一个单独的变量作用域。这可以使用立即执行的匿名函数来完成，该函数接收变量并将其状态存储为参数：
for (var i = 0; i < someVar.length; i++)
(function (i) {
window.setTimeout(function () {
alert("Value of i was " + i + " when this timer was set")
}, 10000);
})(i);