Wie rufe ich eine dynamisch benannte Methode in Javascript auf?

Question

Ich arbeite an der dynamischen Erstellung von Javascript, das in eine Webseite eingefügt wird, während es erstellt wird.

Das Javascript wird verwendet, um ein Listenfeld basierend auf der Auswahl in einer anderen Listbox zu füllen. Wenn die Auswahl einer Listbox geändert wird, ruft sie einen Methodennamen basierend auf dem ausgewählten Wert der Listbox auf.

Zum Beispiel:

Listbox1 enthält:

Farben
Formen

Wenn 'Farben' ausgewählt wird, dann wird es eine "populate_Colours" Methode aufrufen, die einen anderen listbox auffüllt.
Um meine Frage zu klären: Wie mache ich das "populate_Colours" Aufruf in Javascript?

Answer 1

Angenommen, die 'populate_Colours'-Methode befindet sich im globalen Namespace, können Sie den folgenden Code verwenden, der beide nutzt, dass auf alle Objekteigenschaften zugegriffen werden kann, als wäre das Objekt ein assoziatives Array und alle globalen Objekte tatsächlich Eigenschaften des Hostobjekts window.

Answer 2

Wie Triptych darauf hinweist, können Sie jede globale Bereichsfunktion aufrufen, indem Sie sie im Inhalt des Hostobjekts finden.

Eine sauberere Methode, die viel weniger den globalen Namensraum verschmutzt, ist explizit die Funktionen in ein Array wie so direkt gestellt:

var dyn_functions = []; 
dyn_functions['populate_Colours'] = function (arg1, arg2) { 
       // function body 
      }; 
dyn_functions['populate_Shapes'] = function (arg1, arg2) { 
       // function body 
      }; 
// calling one of the functions 
var result = dyn_functions['populate_Shapes'](1, 2); 
// this works as well due to the similarity between arrays and objects 
var result2 = dyn_functions.populate_Shapes(1, 2); 

Dieses Array eine Eigenschaft eines Objekts anders als die global sein könnte Host-Objekt bedeutet auch, dass Sie effektiv Ihren eigenen Namespace erstellen können, wie es viele JS-Bibliotheken wie jQuery tun. Dies ist nützlich, um Konflikte zu reduzieren, wenn Sie mehrere separate Utility-Bibliotheken auf derselben Seite hinzufügen und (wenn es andere Teile Ihres Designs erlauben) die Wiederverwendung des Codes auf anderen Seiten erleichtern.

Sie auch ein Objekt wie so verwenden könnte, die Sie Reiniger finden könnte:

var dyn_functions = {}; 
dyn_functions.populate_Colours = function (arg1, arg2) { 
       // function body 
      }; 
dyn_functions['populate_Shapes'] = function (arg1, arg2) { 
       // function body 
      }; 
// calling one of the functions 
var result = dyn_functions.populate_Shapes(1, 2); 
// this works as well due to the similarity between arrays and objects 
var result2 = dyn_functions['populate_Shapes'](1, 2); 

Beachten Sie, dass ein Array mit einem oder einem Objekt, Sie entweder Verfahren zum Einstellen oder den Zugriff auf die Funktionen nutzen können, und können natürlich speichern Sie dort auch andere Objekte. Sie können weiterhin die Syntax der beiden Verfahren für contant reduzieren, die mit JS wörtliche Notation wie so nicht, dass synamic ist:

var dyn_functions = { 
      populate_Colours:function (arg1, arg2) { 
       // function body 
      }; 
     , populate_Shapes:function (arg1, arg2) { 
       // function body 
      }; 
}; 

Edit: der für größere Blöcke von Funktionalität natürlich Sie oben auf die sehr häufig erweitern "Modulmuster" ist eine beliebte Methode, um Code-Features in einer organisierten Weise zu kapseln.

Answer 3

Hallo dies versuchen,

var callback_function = new Function(functionName); 
callback_function(); 

wird es die Parameter selbst behandeln.

Answer 4

können Sie es wie folgt tun:

function MyClass() { 
    this.abc = function() { 
     alert("abc"); 
    } 
} 

var myObject = new MyClass(); 
myObject["abc"](); 

Answer 5

für eine einfache JavaScript-Funktion, wir

var function_name='additionFunction'; 
var argMap={"name":"yogesh"}; 
var argArray=[{"name":"yogesh"}]; 

window[function_name](argMap); 

oder

window[function_name](argArray); 

oder

window[function_name](argMap,argArray); 

bedienen-kann

vorausgesetzt, so genannte Funktion existiert und hat solche Parameter in der tatsächlichen Implementierung.

Answer 6

Versuchen mit diesem:

var fn_name = "Colours", 
fn = eval("populate_"+fn_name); 
fn(args1,argsN); 

Answer 7

Ich würde empfehlen, NICHTglobal/window/eval für diesen Zweck zu verwenden.
Stattdessen tun es auf diese Weise:

alle Methoden als Eigenschaften von Handler definieren:

var Handler={}; 

Handler.application_run = function (name) { 
console.log(name) 
} 

Jetzt ist es nennen wie diese

var somefunc = "application_run"; 
Handler[somefunc]('jerry'); 

Ausgang: Jerry