Maison  >  Article  >  interface Web  >  Il existe plusieurs façons d'écrire l'épissage de chaînes dans es6

Il existe plusieurs façons d'écrire l'épissage de chaînes dans es6

青灯夜游
青灯夜游original
2022-04-11 18:22:116347parcourir

Il existe deux façons d'écrire l'épissage de chaînes dans es6 : 1. Utilisez "${var}" dans la chaîne du modèle pour épisser les caractères. La méthode d'écriture est "`${String 1} String 2`", "${}. " peut insérer des expressions JS ; 2. Utilisez l'opérateur "+" et écrivez "String 1 + String 2". Lorsque vous utilisez des expressions ternaires, vous devez les mettre entre parenthèses.

Il existe plusieurs façons d'écrire l'épissage de chaînes dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Épissage de chaînes ES6

L'épissage de chaînes peut être effectué des manières suivantes :

1 Utilisez ${var} pour épisser des caractères dans la chaîne du modèle. code><code>${var}来拼接字符

const name = &#39;小明&#39;;
const score = 59;
let result = &#39;&#39;;
if(score > 60){
  result = `${name}的考试成绩及格`; 
}else{
  result = `${name}的考试成绩不及格`; 
}
console.log(result);

Il existe plusieurs façons décrire lépissage de chaînes dans es6

说明:

ES6中增加了``(反引号)用来声明字符串 用反引号包裹的字符串是模板字符串 模板字符串可以多行显示 模板字符串也运行变量插入 您可以在插值中使用任何有效的 JavaScript 表达式  例如`${2 * 3}` 或 `${foo()}`    ...

在es6中,${}中是可以放入JS表达式的,可以进行运算以及引用对象属性。

方式二 +

const name = &#39;小明&#39;;
const score = 61;
let result = &#39;&#39;;
if(score > 60){
  result = name+&#39;的考试成绩及格&#39;; 
}else{
  result = name+&#39;的考试成绩及格&#39;; 
}
console.log(result);

Il existe plusieurs façons décrire lépissage de chaînes dans es6

Remarque :

Il existe plusieurs façons décrire lépissage de chaînes dans es6ES6 a ajouté `` (backticks) pour déclarer une chaîne. La chaîne enveloppée dans des backticks est une chaîne de modèle. Les chaînes de modèle peuvent afficher des chaînes de modèle sur plusieurs lignes et également exécuter des insertions de variables. expression en interpolation, telle que `${2 * 3}` ou `${foo()}` ...

Dans es6, les expressions JS peuvent être placées dans ${}, peuvent effectuer des opérations et référencer les propriétés des objets.

Méthode 2 : opérateur + épissant les caractères🎜🎜🎜Notez que lors de l'utilisation d'expressions ternaires, elles doivent être placées entre parenthèses🎜rrreee🎜🎜🎜🎜[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