Heim > Web-Frontend > js-Tutorial > Hauptteil

Können ES6-Vorlagenliterale wirklich wiederverwendbar sein?

Barbara Streisand
Freigeben: 2024-11-01 17:41:02
Original
621 Leute haben es durchsucht

Can ES6 Template Literals be Truly Reusable?

Rätsel bezüglich der Wiederverwendbarkeit in ES6-Vorlagenliteralen

Das Hauptanliegen in dieser Diskussion dreht sich um den vermuteten Mangel an Wiederverwendbarkeit in ES6-Vorlagenliteralen. Herkömmliche Demonstrationen betonen Ersetzungen zum Zeitpunkt der Deklaration und verbieten Laufzeitänderungen.

Lösung: Nutzung des Funktionskonstruktors

Um dieses Problem anzugehen, ergibt sich eine praktikable Lösung in Form von Funktionskonstruktor. Bei diesem Ansatz wird die Vorlagenzeichenfolge in eine Funktion umgewandelt.

Beachten Sie den folgenden Ausschnitt:

<code class="js">const templateString = `Hello ${this.name}!`;
const templateVars = {
    name: "world"    
};

const fillTemplate = function(templateString, templateVars){
    return new Function("return `" + templateString + "`;").call(templateVars);
};

console.log(fillTemplate(templateString, templateVars));</code>
Nach dem Login kopieren

Durch Aufrufen dieser Funktion können Sie die gewünschte Zeichenfolge generieren und gleichzeitig die Flexibilität haben, Variablen zu ändern Laufzeit.

Vorteile dieses Ansatzes:

  • Ermöglicht die Laufzeitsubstitution von Vorlagenwerten
  • Erleichtert die Interpolation aus externen Quellen, z. B. Dateien
  • Ermöglicht dynamische String-Manipulation

Potenzielle Nachteile:

  • Vorlagen-Tags erfordern möglicherweise zusätzlichen Implementierungsaufwand
  • Inline-JavaScript-Logik innerhalb von Vorlagen wird aufgrund der späten Interpolation nicht unterstützt
  • Speicheraufwand im Zusammenhang mit der Funktionserstellung für jede Vorlagenverwendung

Zusammenfassend lässt sich sagen, dass es ES6-Vorlagenliteralen von Natur aus an echter Wiederverwendbarkeit mangelt Der Funktionskonstruktor bietet eine Problemumgehung, die das gewünschte Verhalten beim Erstellen und Ändern von Vorlagen zur Laufzeit emuliert.

Das obige ist der detaillierte Inhalt vonKönnen ES6-Vorlagenliterale wirklich wiederverwendbar sein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!