[javascript] 이름이 문자열 일 때 JavaScript 함수를 실행하는 방법

절대적으로 다른 선택의 여지가 없다면 절대 사용 eval하지 마십시오 .

앞에서 언급했듯이 이와 같은 것을 사용하는 것이 가장 좋은 방법입니다.

window["functionName"](arguments);

그러나 네임 스페이스의 함수에서는 작동하지 않습니다.

window["My.Namespace.functionName"](arguments); // fail

이것이 당신이하는 방법입니다 :

window["My"]["Namespace"]["functionName"](arguments); // succeeds

보다 쉽게 ​​만들고 유연성을 제공하기 위해 다음과 같은 편리한 기능이 있습니다.

function executeFunctionByName(functionName, context /*, args */) {
  var args = Array.prototype.slice.call(arguments, 2);
  var namespaces = functionName.split(".");
  var func = namespaces.pop();
  for(var i = 0; i < namespaces.length; i++) {
    context = context[namespaces[i]];
  }
  return context[func].apply(context, args);
}

다음과 같이 호출합니다.

executeFunctionByName("My.Namespace.functionName", window, arguments);

원하는 컨텍스트를 전달할 수 있으므로 위와 동일하게 수행됩니다.

executeFunctionByName("Namespace.functionName", My, arguments);

답변

function executeFunctionByName(functionName, context /*, args */) {
    var args = Array.prototype.slice.call(arguments, 2);
    var namespaces = functionName.split(".");
    var func = namespaces.pop();
    for (var i = 0; i < namespaces.length; i++) {
        context = context[namespaces[i]];
    }
    return context[func].apply(context, args);
}

window["foo"](arg1, arg2);

eval(fname)(arg1, arg2);

var codeToExecute = "My.Namespace.functionName()";
var tmpFunc = new Function(codeToExecute);
tmpFunc();

var customObject = {
  customFunction: function(param){...}
};

customObject['customFunction'](param);

class X {
  method1(){
    console.log("1");
  }
  method2(){
    this['method1']();
    console.log("2");
  }
}
let x  = new X();
x['method2']();

1
2