【笔记】ES6 模板字符串

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>
             `

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