Comment appeler une fonction Javascript en utilisant la valeur d'une variable chaîne?

Question

J'ai vu cette technique pour appeler une fonction Javascript basée sur la valeur d'une variable chaîne.

function foo() { 
    alert('foo'); 
} 

var test = 'foo'; 

window[test](); //This calls foo() 

Est-ce la façon acceptée de le faire ou y at-il un meilleur moyen? Des problèmes de navigateur croisés à s'inquiéter?

Answer 1

Cela me semble bien. Je serais probablement créer une fonction simple d'aide comme suit:

function runFunction(name, arguments) 
{ 
    var fn = window[name]; 
    if(typeof fn !== 'function') 
     return; 

    fn.apply(window, arguments); 
} 

//If you have following function 

function foo(msg) 
{ 
    alert(msg); 
} 

//You can call it like 

runFunction('foo', ['test']); //alerts test. 

Answer 2

Vous pouvez utiliser eval (str)

eval('foo();'); 

utiliser avec une extrême prudence.

Answer 3

Personnellement, je pas pris la peine, même avec une fonction d'aide

window[someKey]('test') 

serait bien.

Cependant, je ne conserverais pas un ensemble de fonctions possibles à appeler à l'échelle globale de toute façon. Par conséquent, j'utiliser un modèle plus général: -

obj[someKey]('test') 

où obj peut être this, une propriété de ce à partir d'une fermeture ou variable.

Answer 4

Vous pouvez simplement l'utiliser comme ça ... (de remplacer les cours chaînes avec des variables en cas de besoin)

document["getElementById"]("elementName")["style"]["border"] = "1PX SOLID GREEN"; 

Ce qui est facilement/habituellement typé comme celui-ci bien sûr ...

document.getElementById("elementName").style.border = "1PX SOLID GREEN"; 

Voici un autre exemple à plusieurs dimensions ...

var myObject = new Object(); 
myObject["myValue"]["one"] = "first value"; 
myObject["myValue"]["two"] = "second value"; 
alert(myObject["myValue"]["two"]); //outputs "second value" 

qui pourrait aussi être écrit ...

var myObject = new Object(); 
myObject["myValue"] = {one: "first value", two: "second value"}; 
alert(myObject["myValue"]["two"]); //outputs "second value" 

Answer 5

J'ai créé une fonction pour appeler une fonction nommée. Il fonctionne à la fois dans le navigateur et dans Node.js. J'ai créé une substance (https://gist.github.com/netsi1964/3f19bd96f2d6e18bd818) qui contient également un petit test. L'empreinte de la fonction est: callFunction(scope, fn, args). Il définit l'étendue de la fonction sur la portée spécifiée et par défaut window (dans le navigateur) et global (dans Node.js). Pour répondre à votre demande initiale, vous devez l'utiliser comme suit: callFunction(window, "foo",["test"])