未捕获的TypeError：使用window [functionName]时不是函数

Question

我在这里找到有关从字符串调用函数的页面 。 底部有一个更新，指出最好使用window[functionName](params) ，并给出以下示例：

var strFun = "someFunction";
var strParam = "this is the parameter";

//Create the function
var fn = window[strFun];

//Call the function
fn(strParam);

所以，我这样写：

  var OnChange = function( e )
  {
    var oContainer = _.DOM.GetElementByAttribute( document, 'data-instance', _testInstance );

    var evt = ( e ) ? e : window.event;
    var objects = GetObjects( oContainer );
    var files = [];

    if( evt.target.files ) // html5 .. multiple?
    {
      for( var i = 0; i < evt.target.files.length; i++ )
        files.push( evt.target.files[i].name ); //  + " (" + Format.Size( evt.target.files[i].size ) + ")" );
    }
    else
    {
      files.push( evt.target.value );
    }

    var strFunc = "User.UploadPicture";
    var test = window[strFunc];
    test(e); // error
  };

我收到以下错误：

未捕获的TypeError：test不是函数

User.Upload是js文件中的函数。 我想念什么吗？

Answer 1

假设User是一个包含函数UploadPicture的全局范围对象，则需要这样调用它：

var test = window["User"]["UploadPicture"];
test(e);

window["User.UploadPicture"]指的是在window对象上称为“ User.UploadPicture”的属性，与User对象无关。

但是，在这种情况下，您链接到的页面似乎是在谈论调用要在运行时确定名称的函数。 如果您始终要调用User.UploadPicture ，则直接调用它没有错：

User.UploadPicture(e);

如果您在编写代码时不知道名称，则只需要使用其他方法，而是想在运行时动态调用不同的函数。