模板字符串
在传统的JavaScript语言中,输出模板通常是这样写的。
1$ () #result ) ).append (
2 'There are ' basket.count ' '
3 'items in your basket,'
4 '' basket.onSale
5 ' are on sale!'
6 );
上面的写法相当繁杂,不方便。 ES6引入了模板字符串解决了这个问题。
1$((#result ) ).append `
2 There are ${basket.count} items
3 in your basket,${basket.onSale}
4 are on sale!
(五);
模板字符串(template string )是扩展版本的字符串,由反引号(`)标识。 可以用作普通字符串,可以定义多行字符串,也可以在字符串中嵌入变量
//普通字符串
` In JavaScript 'n' is a line-feed.`
//多行字符串
` In JavaScript this is
not legal.`
console.log (字符串文本1 )
字符串文本行2 `;
//在字符串中嵌入变量
let name='Bob ',time='today ';
` Hello ${name},how are you ${time}? `
上面代码中的所有模板字符串都用反引号表示。 如果需要在模板字符串中使用反引号,请在前面使用反斜杠转义。
let greeting=``Yo` World! `;
输入结果。 ` Yo` World!
如果使用模板字符串表示多行字符串,则输出中将保留所有空格和缩进。
$'#list'(.html ) `
第一次密码`;