Rufen Sie einen JavaScript-Funktionsnamen mit einer Zeichenfolge auf?

Question

Wie kann ich ein Ereignis mit einem Funktionsnamen verbinden, den ich als String definiert habe?

Ich benutze Prototype.js, obwohl dies nicht prototypisch ist.

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

Dies würde dazu führen, dass JavaScript sich darüber beschwert, dass mein Handler keine Funktion ist. Ich würde es bevorzugen, wenn wir nicht eval() verwenden.

Answer 1

Wenn die Funktion im globalen Bereich ist, können Sie es aus dem Fenster Objekt erhalten mit:

var myFunc = window[myFuncName]; 

Answer 2

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

Answer 3

... oder dieses [myFuncName];

Answer 4

Sieht aus wie formData.fields[x].onclick enthält den Namen einer globalen Funktion? Wenn ja, versuchen Sie:

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

Answer 5

Wissen Sie, was die onclick-Eigenschaft enthält oder welchen Typ es ist? Ich nehme an, das ist prototypspezifisches Zeug, da "Felder" in DOM-Formularen nicht existieren.

Answer 6

Ich habe an diesem Problem gearbeitet, da ich eine Funktion wie diese brauchte. Hier ist mein Sandbox-Code, nicht gründlich getestet, kann aber ein Ausgangspunkt für andere sein. Beachten Sie, dass es einen Eval() im Code gibt, da ich nicht herausfinden konnte, wie man diesen Schritt umgehen kann, vielleicht eine Javascript-Eigenart, und das kann nicht anders gemacht werden. Lass mich wissen, ob es einen Weg gibt, Eval() hier los zu werden!

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

Vielleicht?

setTimeout ("myFunc()", 1); 

Answer 8

Nur ein eval würde die Arbeit machen

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

Answer 9

Wenn Sie einen String-Funktion mit Argumenten aufrufen müssen, dies tun:

window[stringFunctionName].apply(window, arrayOfArguments) 

Sie scope anstelle von window verwenden können wenn bevorzugt

Answer 10

Aktualisierung: --- verwenden ES6 Export und Import

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') (veraltet Merkmal https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features)

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

• window['str'] (aber ...manchmal, globales Objekt ist nicht Fenster)

• new Function('str')

Diese Methoden oben immer nicht aus irgendwelchen Gründen empfehlen, aber sie sind wirklich bequem zu bedienen. Diese Methoden sind sicher, aber nicht wirklich praktisch zu verwenden.

• Schalter ... Fall (oder if ... else)

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

• Put-Funktionen in einem Objekt

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