ES6 标签模板字符串

1.标签模板字符串
紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串

function person(strings,...values){
    const box1 = values.map(value => `
    <span>${value}</span>
    `)
    let str = "";
    strings.forEach((string,i) => str+=`${string}${box1[i] || ""}`);
    return str;
}

const name = "Tom";
const age = 18;
const info = person`My name is ${name} My age is ${age}`
console.log(info)

函数中有两个参数strings和…values

strings是一个数组由模板字符串中普通的字符串组成

…values是一个数组 是模板字符串中剩余参数（例如：name,age）

注意：如果模板字符串由变量开头或结尾，那么strings在开头或者结尾中就会多空字符串