Maison  >  Article  >  interface Web  >  Comment utiliser les backticks dans es6

Comment utiliser les backticks dans es6

青灯夜游
青灯夜游original
2022-03-07 18:21:492172parcourir

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}`"

Comment utiliser les backticks dans es6

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.

$(&#39;#list&#39;).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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn