javascript - fnObj = window[functionName] 不是函数问题 - eval() 效果很好

Question

我只是过度使用了我的 JS 代码，并希望用 window[functionName] 替换我的 eval()。所以我只是在 JSFiddle 中进行了快速测试，并且所有内容都与以下几行配合良好:

var fnName = "Page_test";
var foo = "yammy";
var Page_test = function(bar) {
    return bar;
}
var Obj = window[fnName];
alert(Obj(foo));

(链接到此 JSFiddle -> http://jsfiddle.net/juSHj/ )

现在我尝试用具有上述概念的邪恶 eval() 替换以下代码行:

旧代码:(就像一个魅力/ajax成功后触发)

 ...
 success: function(ret) {
     if(returnFnAjaxForm != "") {
          eval(returnFnAjaxForm+"('"+encodeURI(jQuery.trim(ret))+"')");
     }
 }
 ...

新代码:

Returns: Uncaught TypeError: Property 'dummyFn' of object [object Window] is not a function

...
success: function(ret) {
     if(returnFnAjaxForm != "") {
          fnObj = window[returnFnAjaxForm];
          if(typeof(fnObj) == "function") { // this is optional
               fnObj(encodeURI(jQuery.trim(ret)));
          }
     }
} 
...

我很好奇我在哪里犯了错误。是的，我尝试触发的函数存在，并且是用 var 定义的。这个概念是否无法在 ajax 响应中使用？

感谢您的帮助。

(使用 jQuery)

Answer 1

如果你在闭包中声明你的函数，它就不是 window 的成员。示例:

var in_window = '132';
alert(window['in_window']); // Alert 132

(function() {
    var not_in_window = '132';
    alert(window['not_in_window']); // Alert undefined
})();

因此请注意声明 Page_test 变量的位置。如果你确实想放入窗口，你可以这样做window.Page_test = Page_test。

您能做的最好的事情就是为所有可能的回调使用一个对象。像这样:

var callbacks = {
    foo : function() {},
    foo1 : function() {},
    foo2 : function() {},
    foo3 : function() {}
};

var obj = callbacks[fnName];