ES6中的字符串可以用反引号括起来用作模板字符串。

const str = `Hello World`
console.log(str) // Hello World

通过上面的例子，我们能感觉到，这个用反引号括起来跟单引号括起来貌似没有什么区别，那我们为什么要用模板字符串呢？那是因为我们还没有讲到模板字符串的特性。

  • 模板字符串内可以插入变量值和表达式
// 插入变量
const moon = '月亮'
const str1 = `代表${ 
     moon}消灭你`
console.log(str1) // 代表月亮消灭你
// 插入表达式
const age = 18
const str2 = `我今年${ 
     age}岁，明年${ 
     age + 1}岁`
console.log(str2) // 我今年18岁，明年19岁
  • 模板字符串内可以出现换行符
const html = ` <ul> <li>我不是药神</li> <li>奇迹</li> </ul> `

就以上两个特性，是不是香呢？让我们用起来。