Heim >Web-Frontend >js-Tutorial >Wie konvertiere ich einen String in einen Funktionsaufruf in JavaScript, ohne „eval' zu verwenden?

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-02 06:22:02778Durchsuche

How to Convert a String into a Function Call in JavaScript Without Using `eval`?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn