javascript - 从函数内部更改全局变量，或实现相同目标的最佳实践

Question

我正在尝试更改 JQuery 项目中名为 projectCounter 的变量，这样我就不必在每个 div 内重复按钮对于每个项目。如何使一个函数中的更改可供所有函数访问？这是我到目前为止所拥有的:

var projectCounter = 1;

$('a').click(function() {
  function setValue() {
    var projectCounter = projectCounter + 1;
    alert(window.projectCounter);
  }
});

我也做了一个JSfiddle:http://jsfiddle.net/cPFRD/

Answer 1

var projectCounter = 1;

$('a').click(function() {
  setValue();//this actually calls the function and thus makes it happen
});

//defining/declaring a function, doesn't actually do anything until it is called
 function setValue() {
    projectCounter = projectCounter + 1;//no var keyword because we want to reference the existing variable, not declare a new one
    alert(window.projectCounter);
  }

这应该可以解决代码无法运行的问题。但我并不认为这是最佳实践。