Wie konvertiere ich einen String in einen Funktionsaufruf in JavaScript, ohne „eval' zu verwenden?

Konvertieren eines Strings in einen Funktionsaufruf in JavaScript

Frage

Sie haben einen String, der einen Funktionsaufruf darstellt, wie zum Beispiel:

settings.functionName + '(' + t.parentNode.id + ')'

Sie möchten diesen String in einen tatsächlichen Funktionsaufruf umwandeln, aber ohne eval zu verwenden.

Lösung

Anstelle von eval können Sie den folgenden Code verwenden:

var fn = window[settings.functionName];
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

Dieser Code:

1. Erhält einen Verweis auf die Funktion, indem er auf das globale Fensterobjekt zugreift und die Eigenschaft „settings.functionName“ als Schlüssel verwendet.
2. Überprüft, ob die Der erhaltene Wert ist eine Funktion.
3. Wenn es eine Funktion ist, wird sie mit dem gewünschten Argument aufgerufen.

Beispiel

Betrachten Sie das folgende Einstellungsobjekt:

/* Somewhere: */
window.settings = {
  /* [..] Other settings */
  functionName: 'clickedOnItem'
  /* , [..] More settings */
};

Später im Code wird die folgende Funktion definiert:

function clickedOnItem (nodeId) {
  /* Some cool event handling code here */
}

Jetzt können Sie den in der Lösung dargestellten Code verwenden, um einen Funktionsaufruf durchzuführen:

/* Even later */
var fn = window[settings.functionName]; 
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

Dies führt dazu, dass die Funktion clickedOnItem mit der t.parentNode.id als Argument aufgerufen wird.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich einen String in einen Funktionsaufruf in JavaScript, ohne „eval' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!