Maison > Article > interface Web > Comment utiliser les backticks dans es6
Utilisation des backticks es6 : 1. Définissez une chaîne sur une seule ligne ; 2. Définissez une chaîne multiligne, et les espaces, les retraits et les nouvelles lignes dans la chaîne seront conservés dans la sortie ; Le nom de la variable doit être écrit en "${}", par exemple "`Hello ${name}`"
L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.
La chaîne de modèle est une version améliorée de la chaîne, marquée d'un backtick (`). Il peut être utilisé comme une chaîne ordinaire, ou pour définir une chaîne multiligne ou pour incorporer des variables dans une chaîne.
// 字符串中嵌入变量 var name = "Bob", time = "today"; `Hello ${name}, how are you ${time}?`
Si des backticks doivent être utilisés dans la chaîne du modèle, ils doivent être échappés avec une barre oblique inverse.
var greeting = `\`Yo\` World!`;
Si vous utilisez des chaînes de modèle pour représenter des chaînes multilignes, tous les espaces et retraits seront conservés dans la sortie.
$('#list').html(` <ul> <li>first</li> <li>second</li> </ul> `);
Si vous ne voulez pas ce saut de ligne, vous pouvez utiliser la méthode trim pour l'éliminer.
$('#list').html(` <ul> <li>first</li> <li>second</li> </ul> `.trim());
Pour intégrer des variables dans la chaîne du modèle, le nom de la variable doit être écrit en ${}
.
【Recommandations associées : tutoriel vidéo javascript, front-end web】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!