试图避免 eval 从窗口对象获取数组元素

Question

我有一个想要访问全局变量的函数，该变量的名称作为字符串参数到达。这是现在的样子，使用 eval：

function echoVar(whichone){
  document.write(eval(whichone));
}

我以为我只需要使用 window[] 语法就可以了：

function echoVar(whichone) {
  document.write(window[whichone]);
}

如果我创建一个 var 并像这样调用它，它会按预期写入 ABC：

var abc = "ABC";
echoVar("abc");

如果我要访问的 var 是一个数组元素，它就不起作用：

var def = ["DEF"];
echoVar("def[0]");  //fails with undefined

显然，这实际上是在执行 window[def[0]] ，它正确地给出了 undefined （因为没有名为 DEF 的变量）。我真正想要发生的是它执行 window["def"][0].

我知道实现这一点的唯一方法是使用“[”作为分隔符对 whichone 参数进行拆分，然后使用拆分 [0] 作为窗口索引，并在拆分 [1] 上使用 parseInt 来获取索引，像这样：

function echoVar(whichone){
  if(whichone.indexOf("[")==-1){
    document.write(window[whichone]);
  }
  else{
    var s = whichone.split("[");
    var nam = s[0];
    var idx = parseInt(s[1]);
    document.write( window[nam][idx] );
  }
}

我是否忽略了一些明显的东西？我宁愿保留 eval 而不是必须做所有这些。

Answer 1

如果您不喜欢在代码中使用 eval，您可以随时这样做：

function echoVar(whichone) {
  document.write(Function("return " + whichone)());
}

Answer 2

除非这是一些病态的实验，否则您永远不应该编写看起来像这样的 Javascript 代码。这真糟糕;你需要重新考虑你的设计。我知道这不是您想要的，但它是正确的答案。

Answer 3

事实上，您在字符串中有一段 javscript 表达式，因此您要么必须自己解析它，要么使用 eval 为您解析它，除非您像这样更改它的传递方式：

function echoVar(a,b) {
    var x = window[a];
    if (b) {
        x = x[b];
    }
    document.write(x);
}

然后，您可以像这样以不同的方式传递它：

var def = ["DEF"];
echoVar("def", 0);    // def[0]

如果你需要，你甚至可以让它支持多个维度。

function echoVar(a) {
    var x = window[a];
    for (var i = 1; i < arguments.length; i++) {
        x = x[arguments[i]];
    }
    document.write(x);
}

var def = {myObject: {length: 3}}
echoVar("def", "myObject", "length");    // def["myObject"]["length"] or def.myObject.length

你可以在这里看到它的工作原理：http://jsfiddle.net/jfriend00/dANwq/

Answer 4

去掉括号并用点表示法调用项目会更简单

function reval(s, O){
    s= String(s);
    O= O || window;
    var N= s.split(".");
    while(O && N.length) O= O[N.shift()];
    return O || s;
}

window.def= ['definition'];
alert(reval('def.0'))

/*  returned value: (String)
definition
*/