JS：在尝试将数组作为参数传递时在函数上使用 eval，但会引发错误

Question

我想使用 javascript 创建一个动态生成的表单，一切正常，直到我尝试传递一个数组作为参数。当我这样做时，会发生错误。谁能解释一下这是什么？

这是我的代码：

var loadFrm = function(component) {
    for(nItem in component) {
        var myComponent = "add" + firstToUpper(component[nItem].type);
    var callComponent = myComponent + "(" + component[nItem].opt + ");";
    eval(callComponent);
    }
}

var json = [
    {
        type: "scale",
        opt: {content: [{label: "male", value: "m"}, {label: "female", value: "f"}]}
    }
];

loadFrm(json);

编辑这是错误：

missing ] after element list
[Break on this error] addScale([object Object]);

Answer 1

如果您使用调试器查看字符串 callComponent，您可能会发现它看起来像这样：

addScale([object Object])

...这不是您想要的。这是因为您实际上是在 opt 对象上调用 toString，而对象上的默认 toString 看起来就像那样。 eval 错误是因为这是无效的语法。

一般来说，任何时候您认为需要使用eval，几乎肯定会有更好的答案。在本例中，您似乎正在尝试调用函数并传入 opt。假设这些函数是“全局函数”，您可以这样做：

var loadFrm = function(component) {
    var nItem, functionName;

    for (nItem = 0; nItem < component.length; ++nItem) {
        functionName = "add" + firstToUpper(component[nItem].type);
        window[functionName](component[nItem].opt);
    }
}

Live example

以上注释：

1. 不要使用 for..in 循环遍历数组，除非您 真正知道自己在做什么。 for..in 不枚举数组的索引，它枚举对象的属性。
2. 我们使用window[functionName]按名称查找函数。这是有效的，因为“全局变量”实际上是 window 对象的属性，并且您可以使用括号表示法使用字符串名称查找属性。
3. 通过window[functionName]获得函数后，我们直接调用它，传入对象opt而不是它的字符串形式。我假设 addScale 期望看到一个对象。
4. 我将所有 var 移至函数的顶部，因为那是它们真正所在的位置 (详细信息）。
5. 如果可以的话，我建议将 addScale 和相关函数移动到它们自己的对象中，而不是将它们放在 window 上。 window 命名空间已经相当拥挤了。 这是一个实际示例，已修改为根本不向 window 添加任何符号，而是将 addScale 函数放在名为 functions 的对象上并从那里使用它。

---

离题：语法var loadFrm = function(component) 创建一个匿名函数，然后将其分配给一个变量。这被经常使用，但除非您根据条件创建不同的函数，例如：

var f;
if (...) {
    f = function() { ... };
}
else {
    f = function() { ... };
}

...它实际上没有用。 （如果您根据这样的条件创建不同的函数，那么它不仅有用，而且是必要的。）我建议尽可能使用命名函数，因为带有名称的函数可以帮助您的工具通过在错误消息、调用堆栈等中显示函数名称来帮助您。

离题 2：您有一个名为 json 的变量，但仅供参考，它没有使用 JSON 表示法。它使用 JavaScript 数组和对象文字表示法的组合，这是 JSON 的超集。你会看到很多人对此感到困惑，我提到它是因为你说你是新人，所以值得将其消灭在萌芽状态。 :-) JSON 纯粹是一种表示法。 （非常有用的一个。）

Answer 2

使用这个：

fn = eval(functionName);
fn(objParameter)