So verwenden Sie Backticks in es6

Verwendung von es6-Backticks: 1. Definieren Sie eine einzeilige Zeichenfolge. 2. Definieren Sie eine mehrzeilige Zeichenfolge. Die Leerzeichen, Einzüge und Zeilenumbrüche in der Zeichenfolge bleiben in der Ausgabe erhalten. Der Variablenname muss in „${}“ geschrieben werden, zum Beispiel „`Hallo ${name}`“

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Vorlagenzeichenfolge ist eine erweiterte Version einer Zeichenfolge, gekennzeichnet mit einem Backtick (`). Es kann als gewöhnliche Zeichenfolge verwendet werden oder zum Definieren mehrzeiliger Zeichenfolgen oder zum Einbetten von Variablen in Zeichenfolgen.

// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

Wenn Backticks in der Vorlagenzeichenfolge verwendet werden müssen, müssen sie mit einem Backslash maskiert werden.

 var greeting = `\`Yo\` World!`;

Wenn Sie Vorlagenzeichenfolgen zur Darstellung mehrzeiliger Zeichenfolgen verwenden, bleiben alle Leerzeichen und Einrückungen in der Ausgabe erhalten.

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

Wenn Sie diesen Zeilenumbruch nicht möchten, können Sie ihn mit der Trim-Methode entfernen.

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`.trim());

Um Variablen in die Vorlagenzeichenfolge einzubetten, muss der Variablenname in ${} geschrieben werden.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Backticks in es6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!