javascript - 如何在 JS 中使用动态名称调用函数

Question

我试图按照我在下面发布的相同示例将其称为函数。所以问题是我用来调用函数的方法不起作用......我需要类似的东西因为我将通过监听事件调用这些函数。有人知道马上去做吗？

谢谢。

//variables
var ta = 3213;
var da = 44;
var s = [];

//Create string representation of function
s[1] = "function test0(){  alert(" + da + "); }";
s[0] = "function test1(){  alert(" + ta +"); }";

//"Register" the function
for(i=0; i< s.length; i++){
	eval(s[i]);
}

// calling the function
this["test"+1];

Answer 1

通常我们应该避免eval。您无需使用 eval 也可以使用更简单的代码来尝试做的事情:

//variables
var ta = 3213;
var da = 44;
var s = [];

//Create string representation of function
s[1] = function test0(){  alert(" + da + "); };
s[0] = function test1(){  alert(" + ta +"); };

s.forEach((fun) => { this[fun.name] = fun;});

// calling the function
this["test"+1]();

或者在你的代码中简单地做:

this["test"+1]();

编辑:

如果您使用字符串和 eval 只是因为您将函数名称作为字符串获取，那么您可以创建一个对象:

var data = {};
for(var i = 0; i<10; i++) {
  data['key'+ i] = function (i) { alert(i); }.bind(null, i);
}