ES6 - 模板字符串

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

 ` `

 

 

 

 

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

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

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

 

2. 特点是：

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

 

let str2 = `<ul>

   <li>A</li>

  <li>B</li>

</ul>`

 

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

 

 let str2 = '<ul>' +
        '<li>A</li>' +
        '<li>B</li>' +
        '</ul>'

 

 

 

  　　2). 变量拼接

 

let lovest = 'Alan';

let output = '是我的最爱'   

如果单双引号，我们需要

          

 let final = lovest + output

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

 

但是用反引号

         

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

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