¿Llamar a un nombre de función de JavaScript con una cadena?

Question

¿Cómo puedo conectar un evento a un nombre de función que he definido como una cadena?

Estoy usando Prototype.js, aunque esto no es Prototype-speficic.

$(inputId).observe('click', formData.fields[x].onclick); 

Esto daría como resultado que JavaScript se queje de que mi controlador no es una función. Preferiría que nosotros no usáramos eval().

Answer 1

Si la función es en el ámbito global, lo puede conseguir mediante el objeto de ventana:

var myFunc = window[myFuncName]; 

Answer 2

window.myFunction === window["myFunction"] 

Answer 3

... o esta [myFuncName];

Answer 4

Parece que formData.fields[x].onclick tiene el nombre de una función global? Si es así, intente:

$(inputId).observe('click', window[formData.fields[x].onclick]); 

Answer 5

¿Sabe qué contiene la propiedad onclick o qué tipo es? Supongo que esto es un prototipo específico, ya que "fields" no existe en los formularios DOM.

Answer 6

He trabajado en este problema, ya que necesitaba una función como esta. Aquí está mi código sandbox, no probado a fondo, pero puede ser un punto de partida para los demás. Tenga en cuenta que hay un eval() en el código, ya que no pude encontrar la manera de omitir ese paso, tal vez una peculiaridad de javascript y no se puede hacer de ninguna otra manera. ¡Avíseme si hay una manera de deshacerse de eval() aquí!

executeFunctionByName = function(functionName) 
{ 
    var args = Array.prototype.slice.call(arguments).splice(1); 
    //debug 
    console.log('args:', args); 

    var namespaces = functionName.split("."); 
    //debug 
    console.log('namespaces:', namespaces); 

    var func = namespaces.pop(); 
    //debug 
    console.log('func:', func); 

    ns = namespaces.join('.'); 
    //debug 
    console.log('namespace:', ns); 

    if(ns == '') 
    { 
     ns = 'window'; 
    } 

    ns = eval(ns); 
    //debug 
    console.log('evaled namespace:', ns); 

    return ns[func].apply(ns, args); 
} 


core = { 
    paragraph: { 
     titlebar: { 
      user: "ddd", 
      getUser: function(name) 
      { 
       this.user = name; 
       return this.user; 
      } 
     } 
    } 
} 

var testf = function() 
{ 
    alert('dkdkdkd'); 
} 

var x = executeFunctionByName('core.paragraph.titlebar.getUser', 'Ikon'); 
executeFunctionByName('testf'); 

Answer 7

¿Quizás?

setTimeout ("myFunc()", 1); 

Answer 8

Sólo un eval haría el trabajo

var call = eval("method_name").call(args); 

Answer 9

Si necesita llamar a una función de cadena con argumentos, hacer esto:

window[stringFunctionName].apply(window, arrayOfArguments) 

Puede utilizar scope en lugar de window si se prefiere

Answer 10

actualización: --- utilizar ES6 exportar e importar

a.js

const fn = { 
    aaa: function() { 
    //code 
    }, 
    bbb: function() { 
    //code 
    }, 
    //codes .... 
    nnn: function() { 
    //code 
    } 
} 

export default fn 

b.js

import someFn from './a' 
    //eg 
    const str1='aaa' 
    const str2 = 'bbb' 

    someFn[str1]() 

---

• eval('str') (característica obsoleta https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features)

• setTimeout('str')setInterval('str')

• window['str'] (pero ...A veces, no es objeto global ventana)

• new Function('str')

Estos métodos anteriores siempre que no sea recomendado en algunas de las razones, pero son muy cómodo de usar. Estos métodos a continuación son seguros, pero realmente no son conveninet para usar.

• interruptor ... caso (o si otra cosa ...)

  switch(str){ 
      case 'str1': 
       fn1() 
       break 
      case 'str2': 
       fn2 
       //and so on 
  } 
  

• funciones puestas en un objeto

  const fn={ 
      str1:fn1, 
      str2:fn2 
      //and so on 
  } 
  fn[str1] //call function