其他分享
首页 > 其他分享> > ES6 - 模板字符串

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是我的最爱

 

标签:ES6,console,log,lovest,Alan,let,字符串,模板
来源: https://www.cnblogs.com/ningxin/p/14448398.html