ES6(4)、新版字符串

1、模板字符串

模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符

 var person='人类'
 var string=  `我一名${person}`

2、多行字符串

ES6之前:使用字符串

console.log('aaa\n' +
'bbb');
// "aaa
// bbb"

ES6:使用模板字符串

console.log(`aaa
bbb`);
// "aaa
// bbb"

3、插入表达式

ES6之前:使用字符串

var a = 5;
var b = 10;
console.log('结果是 ' + (a + b) + ' and\nnot ' + (2 * a + b) + '.');
// "结果是 is 15 and
// not 20."

ES6:使用模板字符串

var a = 5;
var b = 10;
console.log(`结果是 ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."

4、函数接字符串

var name ='小明' 
var person='人'
var fn=function(){
  let strings =arguments[0] 
  let a =arguments[1] 
  let b =arguments[2] 
  if(a ==='小明'){
    return a + strings[1]+"好人"
  }else{
    return a + strings[1] +'坏人'
  }
}
fn`${name} 是一个 ${person}`  //函数名接模板字符串
//打印出：'小明 是一个 好人'

styled-component 就是用的这个语法