如何基于类型字符串在 javascript 中创建新对象？

Question

如何在 javascript 中基于变量类型字符串（包含对象名称）创建新对象？

现在我有了：（随着更多工具的推出，列表将变得更长......）

function getTool(name){
  switch(name){
    case "SelectTool":
      return new SelectTool();
      break;
    case "LineTool":
      return new LineTool();
      break;
    case "BlurTool":
      return new BlurTool();
      break;
    case "PointerTool":
    default:
      return new PointerTool();
      break;
  }
}

并定义了我的工具，例如：

PointerTool.prototype = new Tool;
PointerTool.prototype.constructor = PointerTool;
function PointerTool(){
  this.name = "PointerTool";
}
PointerTool.prototype.click = function(x, y){
  info("You clicked at: "+x+", "+y);
}

我想使用（不断增长的）switch 语句，这似乎是“错误的”。

Answer 1

function getTool(name){
  return ( typeof window[name] === 'function' ) ? 
                                    new window[name]() : {/*some default*/};
}

假设PointerTool 构造函数定义在全局window 命名空间中。将其替换为您正在使用的任何命名空间。

Answer 2

您应该考虑重新考虑您的方法。最好有类似Tools 对象的东西，它将工具作为属性，如

Tools = {"SelectTool": SelectTool /* etc */}`.

这样，您可以以new Tools.SelectTool 和new Tools[var_with_tool_name] 的身份访问这些工具。

Answer 3

在您的示例中，您将 PointerTool 声明为全局范围内的函数。假设您的 javascript 正在运行浏览器，“全局范围”实际上与 window 对象相同。这意味着如果你有一个构造函数：

function PointerTool() {
   ...
}

和这个是一样的：

window.PointerTool = function() {
   ...
}

所以现在，在你的 getTool 函数中，你可以像这样访问你的构造函数：

function getTool(name){
    return new window[name]();
}

---

更“面向未来”的方法是定义您自己的命名空间对象，您将在其中放置所有各种工具构造函数。像这样的东西（“myproject”将是您的项目或系统的简称）：

var myproject = { tools: {} };

// Pointer Tool Constructor
myproject.tools.PointerTool = function() {
   ...
}

// Line Tool Constructor
myproject.tools.LineTool = function() {
   ...
}

// and so on

那么您的 getTool 函数将如下所示：

function getTool(name){
    return new myproject.tools[name]();
}

这种方法使您的内容与在全局/窗口范围内定义的任何其他内容隔离开来。