欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6 -- 模板字符串(反单引号)

程序员文章站 2022-05-11 14:17:08
1)直接使用变量 备注:如需使用字符$或{,请使用`\`或`$\{` 2)多行书写 ......

1)直接使用变量

// before
var str = 'test';
console.log(str + "123");

// now
var str = 'test';
console.log(`${str}123`);

备注:如需使用字符$或{,请使用`\`或`$\{`

2)多行书写

// before
document.write(
'<div>' + 
'<span>test<span>' +
'</div>')

// now
document.write(`<div>
<span>test<span>
<div>`);