html运行实例（eg_js_function_closures

代码示例：（标识：eg_js_function_closures_2）

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数闭包</h1>

<p>使用局部变量计数。</p>

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

<script>
// 初始化计数器
var counter = 0;

// 递增计数器的函数
function add() {
  var counter = 0; 
  counter += 1;
}

// 调用三次 add()
add();
add();
add();

// 结果不是 3，因为您混用了全局本地计数器
document.getElementById("demo").innerHTML = "计数器是：" + counter;
</script>

</body>
</html>