我得到了一个字符串:

settings.functionName + '(' + t.parentNode.id + ')';

我想翻译成一个函数调用,像这样:

clickedOnItem(IdofParent);

当然,这必须用JavaScript来完成。当我在设置上做警报时。functionName + '(' + t.parentNode.id + ')';似乎每件事都是正确的。我只需要调用它转换成的函数。

传说:

settings.functionName = clickedOnItem

t.parentNode.id = IdofParent

当前回答

如果设置。functionName已经是一个函数了,你可以这样做:

settings.functionName(t.parentNode.id);

否则,这也应该工作,如果设置。functionName只是函数名:

if (typeof window[settings.functionName] == "function") {
    window[settings.functionName](t.parentNode.id);
}

其他回答

JavaScript有一个eval函数,它计算字符串并将其作为代码执行:

eval(settings.functionName + '(' + t.parentNode.id + ')');

我花了一段时间才弄清楚,因为传统的窗口['someFunctionName']()一开始并不适合我。我的函数名是作为AJAX响应从数据库中提取的。此外,由于某种原因,我的函数是在窗口的作用域之外声明的,所以为了解决这个问题,我不得不重写我调用的函数

function someFunctionName() {}

to

window.someFunctionName = function() {}

从那里我可以调用window['someFunctionName']()轻松。我希望这能帮助到一些人!

因为我讨厌eval,而且我不是一个人:

var fn = window[settings.functionName];
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

Edit: In reply to @Mahan's comment: In this particular case, settings.functionName would be "clickedOnItem". This would, at runtime translate var fn = window[settings.functionName]; into var fn = window["clickedOnItem"], which would obtain a reference to function clickedOnItem (nodeId) {}. Once we have a reference to a function inside a variable, we can call this function by "calling the variable", i.e. fn(t.parentNode.id), which equals clickedOnItem(t.parentNode.id), which was what the OP wanted.

更完整的例子:

/* Somewhere: */
window.settings = {
  /* [..] Other settings */
  functionName: 'clickedOnItem'
  /* , [..] More settings */
};

/* Later */
function clickedOnItem (nodeId) {
  /* Some cool event handling code here */
}

/* Even later */
var fn = window[settings.functionName]; 
/* note that settings.functionName could also be written
   as window.settings.functionName. In this case, we use the fact that window
   is the implied scope of global variables. */
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

我更喜欢使用这样的方法:

window.callbackClass['newFunctionName'] = function(data) { console.log(data) };
...
window.callbackClass['newFunctionName'](data);

eval()是你需要这样做的函数,但我建议尝试其中一种方法来尽量减少eval的使用。希望其中一个对你有意义。

存储函数

将函数存储为函数,而不是字符串,然后将其作为函数使用。在哪里存储函数取决于你自己。

var funcForLater = clickedOnItem;

// later is now
funcForLater(t.parentNode.id);

or

someObject.funcForLater = clickedOnItem;    
// later is now    
(someObject.funcForLater)(t.parentNode.id);

存储函数名称

即使必须将函数名存储为字符串,也可以通过执行以下操作来降低复杂性

(eval(settings.functionName))(t.parentNode.id);

这将最大限度地减少你必须构造和计算的Javascript的数量。

处理程序字典

将您可能需要的所有操作函数放入一个对象中,并使用字符串以字典方式调用它们。

// global
itemActions = { click: clickedOnItem, rightClick: rightClickedOnItem /* etc */ };

// Later...
var actionName = "click"; // Or wherever you got the action name
var actionToDo = itemActions[actionName];
actionToDo(t.parentNode.id);

(次要注意:如果在这里您使用语法itemActions[actionName](t.parentNode.id);那么该函数将作为itemActions的方法被调用。)