Wie wirken sich Backticks auf JavaScript-Funktionsaufrufe aus und was sind getaggte Vorlagen?

Backticks, die Funktionen in JavaScript aufrufen: Mit Tags versehene Vorlagen entmystifizieren

Beim Ausführen von JavaScript-Code, der Backticks enthält, wie z. B. console.log1`, können einige Benutzer sind auf eine unerwartete Ausgabe gestoßen. Dieses Verhalten ist auf getaggte Vorlagen in ES-6 zurückzuführen, die eine benutzerdefinierte Zeichenfolgenmanipulation ermöglichen.

Grundlegendes zu getaggten Vorlagen

Getaggte Vorlagen sind Vorlagenliterale, denen eine spezielle Funktion vorangestellt ist, z. B console.log. Diese Funktionen empfangen die analysierten Werte von Vorlagenzeichenfolgen zusammen mit ihren rohen, nicht analysierten Gegenstücken.

Im Fall von console.log1 ist die Tag-Funktion console.log. Es akzeptiert zwei Parameter: Zeichenfolgen (ein Array von Zeichenfolgenliteralen) und Werte (ein Array interpolierter Werte).

Die Ausgabeerklärung

Wenn console.log1` ausgeführt wird, transpiliert die JavaScript-Engine den ES6-Code nach ES5. Der transpilierte Code ähnelt dem folgenden:

console.log(_taggedTemplateLiteralLoose(["1"], ["1"]));

Hier ist _taggedTemplateLiteralLoose eine transpilierte Funktion, die das rohe String-Literal der raw-Eigenschaft des Strings-Arrays zuweist.

Das getaggte Template-Literal also , gibt ein Array mit der folgenden Struktur zurück:

["1", { raw: ["1"] }]

Wenn dieses Array an console.log übergeben wird, Das Array selbst wird protokolliert, was zu der beobachteten Ausgabe führt:

["1", { raw: ["1"] }]

Vorteile von getaggten Vorlagen

Tagged-Vorlagen bieten mehrere Vorteile gegenüber herkömmlichen Methoden zur String-Manipulation:

• Verbesserte String-Filterung und Escape-Funktion.
• Vorlagen-String-Interpolation mit Komplex Logik.
• Erhöhte Lesbarkeit und Wartbarkeit des Codes.

Das obige ist der detaillierte Inhalt vonWie wirken sich Backticks auf JavaScript-Funktionsaufrufe aus und was sind getaggte Vorlagen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!