ES6新的字符串(语法糖)

2019-01-22  本文已影响2人  _William_Zhang

1.多行字符串

ES6模板字符串

2.字符串里插入变量(插值)

ES6字符串插值

3.函数接字符串

styled-component 就是用的这个语法

var name ='阿旺'
var person = '人'

var fn = function(){
    console.log(arguments)
}

fn`${name} 是一个 ${person}`
函数接字符串
var name ='阿旺'
var person = '人'

var fn = function(){
    let strings = arguments[0]
    let var1 = arguments[1]
    let var2 = arguments[2]

    console.log(strings)
    console.log(var1)
    console.log(var2)
}

fn`${name} 是一个 ${person}`
函数拼接字符串
var name ='圆圆'
var person = '人'

var fn = function(){
    let strings = arguments[0]
    let var1 = arguments[1]
    let var2 = arguments[2]
    if(var1 == '阿旺'){
        return var1 + strings[1] + '好人'
    }else{
        return var1 + strings[1] + '坏人'
    }


}

fn`${name} 是一个 ${person}`
函数拼接字符串
上一篇下一篇

猜你喜欢

热点阅读