ES6提供了一种新类型的字符串文字,使用反向标记作为分隔符。这些文字确实允许嵌入基本的字符串插值表达式,然后自动解析和评估它们。
let person = {name:'RajiniKanth',age:68,greeting:'Thalaivaaaa!'};
let usualHtmlStr ="<p>My name is "+ person.name +",</p>\n"+"<p>I am "+ person.age +" old</p>\n"+"<strong>\""+ person.greeting +"\" is what I usually say</strong>";
let newHtmlStr =
`<p>My name is ${person.name},</p>
<p>I am ${person.age} old</p>
<strong>"${person.greeting}" is what I usually say</strong>`;
console.log(usualHtmlStr);
console.log(newHtmlStr);
如您所见,我们在一系列字符周围使用了`,这些字符被解释为字符串文字,但${..}形式的任何表达式都会立即进行内联解析和评估。 内插字符串文字的一个非常好的好处是允许它们分成多行。var Actor = {"name":"RajiniKanth"};
var text =`Now is the time for all good men like${Actor.name}to come to the aid of theircountry!`;
console.log( text );
// Now is the time for all good men to come to the aid of their country!
使用ES6:
您的字符串可以跨越多行。
您不必转义引号字符。
您可以避免分组:“”>“
您不必使用加号运算符。