¿Cómo llamar a una función de Javascript utilizando el valor de una variable de cadena?

Question

He visto esta técnica para llamar a una función de Javascript basada en el valor de una variable de cadena.

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

var test = 'foo'; 

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

¿Es esta la manera aceptada de hacerlo o hay una manera mejor? ¿Algún problema entre navegadores de qué preocuparse?

Answer 1

Me parece bien. Yo probablemente crear una función auxiliar sencillo como lo siguiente:

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

Puede utilizar eval (str)

eval('foo();'); 

uso esto con extrema precaución.

Answer 3

personalmente no me molestaría incluso con una función de ayuda

window[someKey]('test') 

estaría bien.

Sin embargo, en general no mantendría un conjunto de posibles funciones para llamar al alcance global. Por lo tanto me gustaría utilizar un patrón más general: -

obj[someKey]('test') 

donde obj puede ser this, una propiedad de este o variable de un cierre.

Answer 4

Simplemente puede utilizar de esta manera ... (por supuesto sustituir las cadenas con variables cuando sea necesario)

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

Cuál es también de fácil/usualmente escrito como esto, por supuesto ...

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

Aquí hay otro ejemplo multidimensional-...

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

que también podría ser escrito como ...

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

Answer 5

He creado una función para llamar a una función con nombre. Funciona tanto en el navegador como en Node.js. He creado un gist (https://gist.github.com/netsi1964/3f19bd96f2d6e18bd818) que también contiene una pequeña prueba. La huella digital de la función es: callFunction(scope, fn, args). Establece el alcance de la función en el alcance especificado y se establece de manera predeterminada en window (en el navegador) y global (en Node.js). Para responder a su solicitud original lo usaría así: callFunction(window, "foo",["test"])