javascript - 替换 eval("new object()") 的最佳方法

Question

我正在寻找替换 eval("new object();") 的最佳方法

丑陋的来源：

    //var type = window.$(droppedDomNode).data("shape");
    var type = "sankey.shape.Start";

    var figure = eval("new "+type+"();");
    
    // create a command for the undo/redo support
    var command = new draw2d.command.CommandAdd(this, figure, x, y);

eval 创建一个新的 sankey.shape.Start 对象。

我正在寻找替换这种代码的最佳解决方案。

谢谢

Answer 1

我会构建一个构造函数的对象（映射）。

const constructors = {
  "sankey.shape.Start": () => new sankey.shape.Start(),
  // etc... (this could be built programmatically)
};

然后，

const figure = constructors[type]();

Answer 2

如果它是全局的，您可以拆分它并从窗口沿着路径走

var foo = {
  bar: {
    world: 'baz',
  }
}

const getIt = (str, start = window) => {
  return str.split(/\./).reduce((o, k) => o[k], start);
}


const x = "foo.bar.world";
console.log(getIt(x))