
正文
es6语法之模版字符串
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
//es6语法之`${}`以及vue语法 `${ }` (模版字符串)
const name = '小缘'
const age = 14
console.info(`大家好,我叫${name},今年${age}岁了`)
// 等价于
console.info('大家好,我叫' + name + ',今年' + age + '岁了')// 最大的优势是支持换行字符串
const url = '//baidu.com'
const text = '百度一下,你就知道'
const html = `
<div class="container">
<a href="${url}">${text}</a>
</div>
console.log(html)
console.log(typeof html)
这是es6中新增的字符串方法
可以配合反单引号完成拼接字符串的功能
1、反单引号怎么打出来?
将输入法调整为英文输入法,单击键盘上数字键1左边的按键。
2、用法
step1: 定义需要拼接进去的字符串变量
step2: 将字符串变量用${}包起来,再写到需要拼接的地方
3、示例代码:
let a='Karry Wang';let str=`I love ${a}, because he is handsome.`;
//注意:这行代码是用返单号引起来的alert(str);
一定是用反单引号啊!不要写成单引号了!!

![[基础]ES6编程艺术 [基础]ES6编程艺术](https://www.04ip.com/template/qe/style/noimg/12.jpg)





