字符串新特效

一、多行字符串

采用反单引号的写法 `         ---在ESC键下方

var myName = `i
-am-
jiaChao` ;

等同于

 var myName = 'i\n-am-\njiaChao'  ; 

 加 \n 换行符

二、字符串引入变量（字符串模板）

采用在 反单引号中,使用 ${}表达式中可以添加变量（表达式）

var myVal = "jiaChao" ;
var getMyVal = function(){
	return "函数得到的:"+myVal ;
}
console.log(`hello ${myVal}`)
console.log(`hello ${getMyVal()}`)

字符串模板--使用场景,增强阅读性

console.log(`
<div>
  $(myVal)
   <span>
     $(myName)
   </span>
</div>
`
)

三、自动拆分字符串

会自动分割字符串。把不是变量的字符串全部存到Array数组中

var myVal = "jiaChao" ;
var getAge = function(){return 18 ;}var fenKe = function(template,name,age){console.log(template)console.log(name)console.log(age)}fenKe`a1 ${myVal} a2 ${getAge()}a3`



控制台打印为

["a1 ", " a2 ", "a3", raw: Array[3]]
jiaChao
18