Question

我正在研究http://www.w3schools.com/js/js_function_closures.asp

中的函数闭包

我不明白以下代码。变量add是指一个自动调用的匿名函数，它返回一个匿名函数。在这种情况下，变量计数器会发生什么？当我们调用函数add时会发生什么？

<!DOCTYPE html>
<html>
<body>

<p>Counting with a local variable.</p>

<button type="button" onclick="myFunction()">Count!</button>

<p id="demo">0</p>

<script>
var add = (function () {
    var counter = 0;    })();
    return function () {return counter += 1;}


function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>

另外我不明白为什么下面的代码不起作用？

<!DOCTYPE html>
<html>
<body>

<p>Counting with a local variable.</p>

<button type="button" onclick="myFunction()">Count!</button>

<p id="demo">0</p>

<script>
var add = (function () {
    var counter = 0;
    return function () 
           {
             var semih=0;
             if(counter >5) 
             {
                 return function(){ semih += 5;  }
             }
             return counter += 1;}
           }
)();

function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>

Answer 1

在第一个例子中，counter是一个全局变量，因为闭包中的计数器超出了范围。在第二个中，semih不应该在函数内部，因为innerHTML采用字符串。

自调用匿名函数内变量的生命周期 - 函数闭包

1 个答案: