首页 > 其他 > 详细

ES6 - 模板字符串

时间:2021-02-25 23:49:33      阅读:34      评论:0      收藏:0      [点我收藏+]

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 - 模板字符串

原文:https://www.cnblogs.com/ningxin/p/14448398.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!