使用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);
    }

（我知道这种面向对象的验证方法是多余的！）我从按钮中以“ 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以及名称空间中的任何其他根节点。