JavaScript的关闭不工作，因为它应该

Question

看到的第一个代码：

var count = 0; 
(function addLinks() { 
    var count = 0;//this count var is increasing 

    for (var i = 0, link; i < 5; i++) { 
    link = document.createElement("a"); 
    link.innerHTML = "Link " + i; 

    link.onclick = function() { 
     count++; 
     alert(count); 
    }; 

    document.body.appendChild(link); 
    } 
})(); 

当链接被点击的计数器变量不断为每个链接元素增加。这是预期的结果。

二：

var count = 0; 
$("p").each(function() { 
    var $thisParagraph = $(this); 
    var count = 0;//this count var is increasing too.so what is different between them .They both are declared within the scope in which closure was declared 

    $thisParagraph.click(function() { 
    count++; 
    $thisParagraph.find("span").text('clicks: ' + count); 
    $thisParagraph.toggleClass("highlight", count % 3 == 0); 
    }); 
}); 

这里如期关闭功能无法正常工作。每次单击段落元素时，计数器var都会增加，但在第二段元素上单击时不会显示该增量值？这是什么原因？这是为什么发生？每个段落元素的count变量不会增加。

Answer 1

你的意思是：

var count = 0; 
$("p").each(function() { 
    var $thisParagraph = $(this); 
    //var count = 0; //removed this count, as it re-inits count to 0 
    $thisParagraph.click(function() { 
    count++; 
    $thisParagraph.find("span").text('clicks: ' + count); 
    $thisParagraph.toggleClass("highlight", count % 3 == 0); 
    }); 
});