es6 学习2 模板字符

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

巴特西

es6 学习2 模板字符

最新文章

热门文章