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
}

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