ES6新的字符串(语法糖)

1.多行字符串

ES6新的字符串(语法糖)_第1张图片
ES6模板字符串

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

ES6新的字符串(语法糖)_第2张图片
ES6字符串插值

3.函数接字符串

styled-component 就是用的这个语法

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

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

fn`${name} 是一个 ${person}`
ES6新的字符串(语法糖)_第3张图片
函数接字符串
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}`
ES6新的字符串(语法糖)_第4张图片
函数拼接字符串
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}`
ES6新的字符串(语法糖)_第5张图片
函数拼接字符串

你可能感兴趣的:(ES6新的字符串(语法糖))