So rufen Sie eine JavaScript -Funktion aus einer Zeichenfolge, ohne die Bewertung zu verwenden

In JavaScript ist eval keine gute Idee! Die eval Seite von MDN gibt an: & gt; Obwohl der Browser es immer noch unterstützt, wird er in neuen Projekten nicht empfohlen. Versuchen Sie, es zu vermeiden.

eval Führen Sie einen Zeichenfolge aus, der den Code enthält, zum Beispiel:

<code class="language-javascript">eval("var x = 'Hello from eval!';");
console.log(x);</code>

eval Einige Probleme treten auf:

1. Sicherheit: Ihre Zeichenfolge kann durch Drittanbieter-Skripte oder Benutzereingaben in andere Befehle injiziert werden.
2. Debugug: Es ist schwierig, Fehler zu debuggen - Sie haben keine Zeilennummern oder offensichtlichen Fehlerpunkte.
3. Optimierung: Der JavaScript -Interpreter ist nicht unbedingt in der Lage, den Code zu präkompilieren, da er sich ändern kann. Während der Dolmetscher effizienter wird, läuft er mit ziemlicher Sicherheit langsamer als native Code.

Leider ist eval sehr leistungsstark und unerfahrene Entwickler können diesen Befehl leicht überbeanspruchen. Trotz der Warnung funktioniert eval noch - auch im strengen Modus -, aber Sie können es normalerweise vermeiden. In der Vergangenheit wurde es hauptsächlich zur Deserialisierung von JSON -Zeichenfolgen verwendet, aber wir haben jetzt eine sicherere Methode. Wenn wir jedoch einen Funktionsnamen in einer Zeichenfolge haben, zum Beispiel: JSON.parse

<code class="language-javascript">// 我们要运行的函数
var fnstring = "runMe";

function runMe() {
    // 执行操作
}</code>

Wie führen wir

Funktionen ohne Verwendung eval aus? Ich habe dies kürzlich bei der Verwendung der HTML5 -Historie -API begegnet. Sie können sich bei der Verwendung von Webarbeitern oder einer anderen API, die Objekte serialisiert, mit ähnlichen Herausforderungen stehen. runMe() pushState Die einfachste und sicherste Implementierungslösung ohne

ist eine Reihe von Bedingungen, wie z. B.

eval

Es ist sicher, aber es ist ziemlich ineffizient und Kopfschmerzen zu schreiben, wenn Sie Dutzende von Funktionen anrufen möchten. Eine bessere Lösung besteht darin, das

<code class="language-javascript">// 我们要运行的函数
var fnstring = "runMe";

switch (fnstring) {
    case "functionX": functionX(); break;
    case "functionY": functionY(); break;
    case "functionZ": functionZ(); break;
    case "runMe": runMe(); break;
}</code>

-Objekt zu verwenden, das das aktuelle Fenster und alle darin enthaltenen Elemente verweist. Wir können überprüfen, ob

als Objekt in window verfügbar ist und ob es sich um eine Funktion handelt, zum Beispiel: fnstring window

Bei Bedarf können Sie zusätzliche Überprüfungen durchführen, um sicherzustellen, dass die Funktion den erwarteten Namen hat. Was ist, wenn die Funktion, die wir aufrufen, Parameter enthält - möglicherweise in einem Array gespeichert? Kein Problem;

<code class="language-javascript">// 我们要运行的函数
var fnstring = "runMe";

// 查找对象
var fn = window[fnstring];

// 对象是否为函数？
if (typeof fn === "function") fn();</code>

Dies ist also ein weiterer Grund, apply zu beenden. Darüber hinaus ist diese Lösung sicherer, hat weniger Fehler, ist leichter zu debuggen und ist oft schneller auszuführen. Hoffe es hilft dir.

FAQs bei der Ausführung von JavaScript -Funktionen aus Zeichenfolgen ohne Verwendung eval

Was bedeutet das Aufrufen von JavaScript -Funktionen mit Strings ohne Verwendung eval()?

Die eval() -Funktion in JavaScript ist ein leistungsstarkes Tool, mit dem Sie beliebige Codezeichenfolge ausführen können. Die Verwendung von eval() wird jedoch aufgrund von Sicherheits- und Leistungsproblemen häufig als schlechte Praxis angesehen. Dies kann Ihren Code für Injektionsangriffe anfällig machen. Darüber hinaus optimieren moderne JavaScript -Engines die Leistung von Code, können jedoch den Code nicht optimieren, der von eval() ausgeführt wird. Daher ist es sehr vorteilhaft zu wissen, wie man JavaScript -Funktionen mit Zeichenfolgen aufruft, ohne eval() zu verwenden. Dies kann durch Verwendung window Objekte oder Function -Konstruktoren erreicht werden, die sicherere und effizientere Alternativen sind.

Wie verwendet ich window Objekte, um JavaScript -Funktionen mit Zeichenfolgen aufzurufen?

Das Objekt in JavaScript repräsentiert das vom Browser angezeigte Fenster. Es ist ein globales Objekt in der Browserumgebung, und alle globalen Variablen und Funktionen werden zu Attributen und Methoden von window -Objekten. Sie können das Objekt window verwenden, um die Funktion mit einer Zeichenfolge aufzurufen, indem Sie auf die Funktion als Eigenschaft des window -Objekts zugreifen. Hier ist ein Beispiel: window

<code class="language-javascript">eval("var x = 'Hello from eval!';");
console.log(x);</code>

In diesem Code ist "Hallo" eine Eigenschaft des

-Objekts, das sich auf die window -Funktion bezieht. Daher ruft hello() die window["hello"] -Funktion auf. hello()

Was ist ein

Konstruktor, wie verwenden Sie sie, um eine Funktion mit einer Zeichenfolge aufzurufen? Function

Der

-Konstruktor in JavaScript erstellt ein neues Function Objekt. Dies ist eine weniger häufige, aber immer noch effektive Möglichkeit, eine Funktion zu definieren. Sie können den Function Konstruktor verwenden, um die Funktion mit einer Zeichenfolge aufzurufen, indem Sie die Zeichenfolge an den Konstruktor übergeben. Hier ist ein Beispiel: Function

<code class="language-javascript">// 我们要运行的函数
var fnstring = "runMe";

function runMe() {
    // 执行操作
}</code>

In diesem Code erstellt der

Konstruktor eine neue Funktion, die zwei Argumente "A" und "B" nimmt und ihre Summe zurückgibt. Parameter und Funktionskörper werden als Zeichenfolgen übergeben. Function

Wenn die Funktion eine Methode eines Objekts ist, kann ich die Funktion mit einer String aufrufen?

Ja, Sie können Funktionen verwenden, auch wenn die Funktion eine Methode eines Objekts ist. Sie können dies tun, indem Sie auf die Eigenschaften des Objekts zugreifen, was ähnlich ist, wie Sie mit

Objekten umgehen. Hier ist ein Beispiel: window

<code class="language-javascript">// 我们要运行的函数
var fnstring = "runMe";

switch (fnstring) {
    case "functionX": functionX(); break;
    case "functionY": functionY(); break;
    case "functionZ": functionZ(); break;
    case "runMe": runMe(); break;
}</code>

In diesem Code ist "Hallo" eine Eigenschaft des

-Objekts, das auf die obj -Methode verweist. Daher ruft hello() die obj["hello"] -Methode auf. hello()

Was sind die Einschränkungen beim Aufrufen von JavaScript -Funktionen mithilfe von Zeichenfolgen?

Während es in einigen Fällen nützlich sein kann, JavaScript -Funktionen mit Zeichenfolgen aufzurufen, hat es auch einige Einschränkungen. Eine Einschränkung besteht darin, dass es nur für eine Methode einer globalen Funktion oder eines bekannten Objekts gilt. Wenn die Funktion keine Eigenschaft eines bekannten Objekts ist, kann sie nicht mit einer Zeichenfolge aufgerufen werden. Eine weitere Einschränkung besteht darin, dass Sie keine Parameter direkt an die Funktion übergeben können. Wenn die Funktion Parameter akzeptiert, müssen Sie sie in eine Zeichenfolge einbeziehen oder andere Funktionen verwenden, um sie zu übergeben. Trotz dieser Einschränkungen ist das Aufrufen von Funktionen mit Strings immer noch ein leistungsstarkes Werkzeug, wenn es korrekt verwendet wird.

Das obige ist der detaillierte Inhalt vonSo rufen Sie eine JavaScript -Funktion aus einer Zeichenfolge, ohne die Bewertung zu verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!