使用 JavaScript 命名空间

Question

我正在尝试将此代码转换为命名空间以使其更清洁并避免污染全局命名空间。我对此很陌生，可以使用一些指导或示例如何将以下代码转换为 javascript 命名空间。

function Validator(fields) {
     this.fields = fields;
}

Validator.prototype.validate = function(form) {
  for(var i = 0, l=this.fields.length; i < l; i++) {
    alert(this.fields[i].value);
        if (this.fields[i].value == 0) {
            alert("The field  is empty");
            return false;
        }
    }
}

var validator = new Validator([ "username", "password"]);

function runValidate(form) {
validator.validate(form);
    }

（我知道这种 OO 验证方法太过分了！）我从类似“runValidate(this.form)”这样的表单中的按钮调用这个 runValidate。

Answer 1

命名空间只是 javascript 对象，例如

var myNamespace = {};
myNamespace.Validator = function(fields) {
   ...
}
myNamespace.Validator.prototype.validate = function(form) {
   ...
}

Answer 2

Javascript 没有本地命名空间，但您可以使用简单明了的对象来模拟它。下面是一个命名空间实用函数的简单实现：

function namespace(namespaceString) {
  var nodes = namespaceString.split('.'),
      parent = window,
      currentNode;    

  for(var i = 0, length = nodes.length; i < length; i++) {
    currentNode = nodes[i];
    parent[currentNode] = parent[currentNode] || {};
    parent = parent[currentNode];
  }

  return parent;
}

你可以这样使用：

var MyApp = namespace("MyApp");
MyApp.Validator = function(fields) {
  this.fields = fields;
}

var validator = new MyApp.Validator(["username", "password"]);
// this also works:
var validator = new namespace("MyApp.Validator")(["username", "password"]);

这将防止您污染全局命名空间，但您仍然会有一些全局变量：在本例中为 MyApp 以及命名空间中的任何其他根节点。