Come si chiama un metodo con nome dinamico in Javascript?

Question

Sto lavorando per creare dinamicamente alcuni Javascript che verranno inseriti in una pagina Web mentre viene costruita.

Il Javascript verrà utilizzato per compilare una casella di riepilogo in base alla selezione in un'altra casella di riepilogo. Quando viene cambiata la selezione di una listbox, verrà chiamato un nome di metodo in base al valore selezionato della casella di riepilogo.

Ad esempio:

Listbox1 contiene:

Colors
Forme

Se è selezionato 'Colori' allora chiamerà un metodo "populate_Colours" che popola altro listbox.
Per chiarire la mia domanda: come faccio a fare che chiamata "populate_Colours" in Javascript?

Answer 1

Supponendo che il metodo "populate_Colours" si trovi nello spazio dei nomi globale, è possibile utilizzare il codice seguente, che sfrutta sia l'accesso a tutte le proprietà dell'oggetto come se fosse un array associativo sia che tutti gli oggetti globali siano effettivamente proprietà dell'oggetto host window.

var method_name = "Colours"; 
var method_prefix = "populate_"; 

// Call function: 
window[method_prefix + method_name](arg1, arg2); 

Answer 2

Come sottolinea Trittico, è possibile chiamare qualsiasi funzione di ambito globale trovandola nel contenuto dell'oggetto host.

Procedimento pulitore, che inquina namespace globale molto meno, è quello di mettere esplicitamente le funzioni in un array direttamente con:

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); 

Questa matrice potrebbe anche essere una proprietà di un oggetto diverso da quello globale oggetto host significa che puoi creare efficacemente il tuo spazio dei nomi come fanno molte librerie JS come jQuery. Ciò è utile per ridurre i conflitti se/quando si includono più librerie di utilità separate nella stessa pagina e (altre parti del progetto permettendo) può rendere più facile il riutilizzo del codice in altre pagine.

Si potrebbe anche usare un oggetto in questo modo, che si potrebbe trovare più pulito:

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); 

Si noti che sia con un array o un oggetto, è possibile utilizzare entrambi i metodi di impostazione o accedere alle funzioni, e può ovviamente memorizza anche altri oggetti. È possibile ridurre ulteriormente la sintassi di entrambi i metodi per contant che non è quella Synamic utilizzando la notazione letterale JS in questo modo:

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

Edit: ovviamente per i più grandi blocchi di funzionalità è possibile espandere la sopra per il molto comune "modello di modulo" che è un modo popolare per incapsulare le caratteristiche del codice in modo organizzato.

Answer 3

Ciao provare questo,

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

gestirà i parametri stesso.

Answer 4

si può fare in questo modo:

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

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

Answer 5

per una semplice funzione javascript, possiamo usare-

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

window[function_name](argMap); 

o

window[function_name](argArray); 

o

window[function_name](argMap,argArray); 

a condizione che la cosiddetta funzione esista e abbia tali parametri nell'implementazione effettiva.

Answer 6

prova con questo:

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

Answer 7

Suggerirei NON da usare global/window/eval per questo scopo.
Invece, fare in questo modo:

definire tutti i metodi come proprietà di Handler:

var Handler={}; 

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

Ora chiamare in questo modo

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

uscita: jerry