闭包与命名空间的相关性和使用

Question

this question 中关于闭包的答案表明闭包的重要性是“因为 javascript 没有命名空间之类的功能，您可以很容易地与各种全局对象混淆。” msn guide 将其描述为“词法作用域”。

this question 非常清楚地描绘了命名空间和闭包之间的区别......

所以我想知道，如果 Javascript 确实有我常用的命名空间，那么现在闭包有什么用？当我可以通过命名空间组织和使用变量时，我根本不需要使用闭包词法范围来关闭变量。

Answer 1

JavaScript 没有传统意义上的命名空间。这只是一个用于描述在对象结构中组织库的功能的术语。

闭包很有用，因为库通常希望将状态存储在变量中，而无需将这些变量暴露给任何其他代码。

如果该数据暴露在命名空间对象上，那么库的用户将更难分辨哪些属性是设计用于与之交互的，哪些属性仅供内部使用。

举个例子：

var example_namespace = (function() {

  var interval;
  var element;

  function start() {
    if (interval) {
      return;
    }

    if (!element) {
      element = document.querySelector('span');
    }

    interval = setInterval(increment, 500);
  }

  function stop() {
    clearInterval(interval);
    interval = null;
  }

  function increment() {
    element.innerHTML++;
  }

  return {
    counter: {
      start: start,
      stop: stop
    }
  };
}());

addEventListener('load', function() {
  document.querySelector('#start').addEventListener('click', example_namespace.counter.start);
  document.querySelector('#stop').addEventListener('click', example_namespace.counter.stop);
});

Count:
<span>0</span>

<button type="button" id="start">start</button>
<button type="button" id="stop">stop</button>

如果不使用闭包，interval、element 和 increment 将全部暴露在命名空间对象或全局变量上。