gibt es eine gute Möglichkeit, Methoden in js dynamisch aufzurufen?

Question

Ich habe 2 js Funktionen:

function onRegionMouseOver() 
{ 
} 

function onRegionMouseOut() 
{ 
} 

Ist es möglich, diese js nennen so etwas wie diese Funktionen dynamisch ?: tun

var type = 'Out' 
//the following line would exec onRegionMouseOut() above: 
call(onRegionMouse[type]()) 

Answer 1

Sie können diese verwenden:

var onRegionMouseHandlers = { 
    out: function() {}, 
    in: function() {} 
} 

// and using like this 
var whatToUse = 'in'; 
// use 
onRegionMouseHandlers[whatToUse]() 

Sie können auch Ihre auswählen, welche Funktion aufgerufen werden muss. Sie können einfach zwei Handler zu zwei verschiedenen Ereignissen hinzufügen.

Answer 2

Sie können die Funktionen als Eigenschaften eines Objekts definieren, Klammer Verwendung Notation, um die Funktion aufzurufen.

const methods = { 
 
    onRegionMouseOver() {console.log("Over")}, 
 
    onRegionMouseOut() {console.log("Out")} 
 
} 
 

 
let fn = "onRegionMouse"; 
 

 
let type = "Out"; 
 

 
methods[`${fn}${type}`](); 
 

 
type = "Over"; 
 

 
methods[`${fn}${type}`]();

ohne Vorlage wörtliche oder let

var methods = { 
 
    onRegionMouseOver: function onRegionMouseOver() {console.log("Over")}, 
 
    onRegionMouseOut: function onRegionMouseOu() {console.log("Out")} 
 
} 
 

 
var fn = "onRegionMouse"; 
 

 
var type = "Out"; 
 

 
methods[fn + type](); 
 

 
type = "Over"; 
 

 
methods[fn + type]();

Answer 3

Sie können so etwas tun, vorausgesetzt, Sie deklarieren ein Objekt, das die Funktionen enthält.

var onRegionMouse = { 
    Out: onRegionMouseOut, 
    Over: onRegionMouseOver 
}; 

Jetzt können Sie nur

tun

var type = 'Out'; 
onRegionMouse[type](); 

Answer 4

was:

var myFunctions = { 
    out: function onMouseOut()..., 
    enter: function onMouseEnter()... 
} 

Sie können es nennen jetzt mit MyFunctions [ "out"]()