javascript - 从 'namespace' 字符串构建对象层次结构

Question

我正在尝试编写一个函数，该函数接受表示命名空间的字符串(例如“MyCompany.UI.LoginPage”)，并将命名空间的每个段定义为对象(如果它尚不存在)。例如，如果“MyCompany.UI.LoginPage”不是对象，它将评估以下内容:

MyCompany = {};
MyCompany.UI = {};
MyCompany.UI.LoginPage = {};

我想通过枚举“命名空间”(字符串)参数的每个字符并在枚举达到句点字符时定义每个对象来实现此目的。

如何在 JavaScript 中枚举字符串的字符？

Answer 1

您可以使用 String.prototype.charAt 直接通过索引访问字符串的字符。方法:

var str = "foo";
for (var i = 0; i < str.length; i++) {
  alert(str.charAt(i));
}

但我不认为你想逐个字符地遍历你的命名空间字符串，你可以使用 String.prototype.split方法，使用点 (.) 字符作为分隔符来获取包含命名空间级别的数组，例如:

var levels = "MyCompany.UI.LoginPage".split('.');
// levels is an array: ["MyCompany", "UI", "LoginPage"]

但是我认为你的问题更进一步，我会给你一个更高级的起点，我做了一个递归函数，它可以让你准确地做你想做的事情，初始化几个嵌套的使用字符串的对象级别:

用法:

initializeNS('MyCompany.UI.LoginPage');
// that will create a MyCompany global object

// you can use it on an object to avoid globals also
var topLevel = {};
initializeNS('Foo.Bar.Baz', topLevel);

// or
var One = initializeNS('Two.Three.Four', {});

实现:

function initializeNS(ns, obj) {
  var global = (function () { return this;})(), // reference to the global object
      levels = ns.split('.'), first = levels.shift();
  obj = obj || global; //if no object argument supplied declare a global property
  obj[first] = obj[first] || {}; // initialize the "level"
  if (levels.length) { // recursion condition
    initializeNS(levels.join('.'), obj[first]);
  }
  return obj[first]; // return a reference to the top level object
}

您必须改进此功能，例如您需要清理字符串...