标签模板

1.模板字符串，如下代码，tag后面的一堆东西没啥作用

'use strict'
function tag(strArr ,arg){

	return 'what?'
}

let name='ggb';
var result=tag`hello ${name}`;
console.log(result)   //what?

2.tag方法内部的返回值

'use strict'
function tag(strArr ,arg){

	console.log(strArr) //[ 'hello ', '' ]
	console.log(arg) //ggb
}

let name='ggb';
var result=tag`hello ${name}`;
console.log(result)   //undefined

如果去掉参数中的hello   var result=tag`hello ${name}`;   ------------->   var result=tag` ${name}`;  

打印结果为：console.log(strArr) //[ 'hello ', '' ] ------------------>console.log(strArr) //[ ' ', '' ]

3.tag后面多来几个模板字符串

'use strict'
function tag(strArr ,arg1,arg2){

	console.log(strArr) //[ '', '','' ]
	console.log(arg1) //ggb
	console.log(arg2) //30
}

let name='ggb';
let age=30
var result=tag`${name}${age}`;
console.log(result)   //undefined

替换标签示例

'use strict'
function tag(strArr,arg1 ){

	console.log(strArr) //[ '<p>', '</p>' ]
	console.log(arg1) //ggb

}

let name='ggb';

var result=tag`<p>${name}</p>`;
console.log(result)   //undefined