Wiederverwendbarkeitsrätsel in ES6-Vorlagenliteralen

Die in dieser Diskussion geäußerte Hauptbedenken 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. Dieser Ansatz beinhaltet die Konvertierung der Vorlagenzeichenfolge in eine Funktion.

Bedenken Sie den folgenden Ausschnitt:

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));

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

Vorteile von dieser Ansatz:

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

Potenzielle Nachteile:

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

Zusammenfassend lässt sich sagen, dass ES6-Vorlagenliterale von Natur aus nicht wirklich wiederverwendbar sind, die Verwendung des Funktionskonstruktors jedoch eine Problemumgehung bietet, die das gewünschte Verhalten bei der Erstellung emuliert und Ändern von Vorlagen zur Laufzeit.