1 模板字符串
模板字符串用反引号(数字1左边的那个键)包含,其中的变量用${}括起来;其中的变量会用变量的值替换掉
var name = 'zfpx',age = 8;
let desc = `${name} is ${age} old!`;
console.log(desc);
//所有模板字符串的空格和换行,都是被保留的
var str = `<ul>
<li>a</li>
<li>b</li>
</ul>`;
console.log(str);
输出结果
zfpx is 8 old!
<ul>
<li>a</li>
<li>b</li>
</ul>
2 带标签的模板字符串
可以在模板字符串的前面添加一个标签,这个标签可以去处理模板字符串 ;标签其实就是一个函数,函数可以接收两个参数,一个是strings,就是模板字符串里的每个部分的字符 还有一个参数可以使用rest的形式values,这个参数里面是模板字符串里的值
var name = 'zfpx',age = 8;
function desc(strings,...values){
console.log(strings,values);
}
desc`${name} is ${age} old!`; //[ '', ' is ', ' old!' ] [ 'zfpx', 8 ]