ES6 - 模板字符串


ES6 引入新的生命字符串的方式,反写的引号 

 ` `

1. 声明其实和别的字符串定义没啥区别

let str = `我是一个字符串`

console.log(str, typeof str);//我是一个字符串 string

2. 特点是:

    1). 内容中可以直接出线换行符,但是不能出现单引号,双引号

let str2 = `
  • A
  • B
`

 如果用单双引号,咱们是需要使用+号来拼接的

 let str2 = '
    ' + '
  • A
  • ' + '
  • B
  • ' + '
'

    2). 变量拼接

let lovest = 'Alan';

let output = '是我的最爱'   

如果单双引号,我们需要

          

 let final = lovest + output

 console.log(final);// Alan是我的最爱

但是用反引号

         

 let finalNew =  `${lovest}是我的最爱`

 console.log(finalNew);//Alan是我的最爱