ES6---模板字符串

1、使用反字符（``）标识，可以作为普通字符串来使用，也可以定义多行字符串，并且其中还可以嵌入变量（使用 ${变量名} 嵌入），
所有的空格换行等会被保留，书写起来代码更加优美

const content = 'this is content'

const str = `<div>
                 <p>p标签</p>
                 <div>内容是：${content}</div>
            </div>`

2、如果你的字符串中有反字符(``)，那么要使用\来转译

const str = `aaa\`bbbbb\`cccc`   // ->  aaa`bbbbb`cccc

3、模板字符串中可以嵌入函数，进行函数的调用

function aaa(){return 'aaa'}

const str= `这是aaa函数的输出值：${aaa()}。` // -> 这是aaa函数的输出值：aaa。

4、模板字符串中变量嵌入的如果不是变量，是字符串，那么会原样输出字符串

const str = `Hello ${ 'World' }` // ->  Hello World

5、如果模板字符串中变量嵌入的是对象，那么会调用对象的toString方法输出

var obj = {name: 'bob'}; var str = `this is obj: ${obj}`  // ->  this is obj: [object Object]

6、模板字符串能互相嵌套

const tmpl = addrs => `
  <table>
  ${addrs.map(addr => `
    <tr><td>${addr.first}</td></tr>
    <tr><td>${addr.last}</td></tr>
  `).join('')}
  </table>
`

7、模板字符串可以写成函数的返回值

let getStr = (name) => `this is ${name}`

let bobStr = getStr('bob') // this is bob

就记录到这，祝大家开心~