es6模板字符简直是开发者的福音啊,解决了ES5在字符串功能上的痛点。
1、第一个用途,基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定
//es5 var name = 'lux' console.log('hello' + name) //es6 const name = 'lux' console.log(`hello ${name}`) //hello lux
2、第二个用途,在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定。
// es5 var msg = "Hi man! " // es6 const template = `<div> <span>hello world</span> </div>`
3、对于字符串es6当然也提供了很多厉害的方法。说几个常用的。
// 1.includes:判断是否包含然后直接返回布尔值 let str = 'hahay' console.log(str.includes('y')) // true // 2.repeat: 获取字符串重复n次 let s = 'he' console.log(s.repeat(3)) // 'hehehe' //如果你带入小数, Math.floor(num) 来处理
具体的可查看 ES6学习5 第5部分模板字符串