React-组件-TaggedTemplateLiterals

在 JS 中除了可以通过 () 来调用函数以外, 其实我们还可以通过 模板字符串 来调用函数:

const name = 'BNTang';
const age = 18;

const test = (...args) => {
    console.log(args);
}

test`1, 2, 3`;

通过模板字符串调用函数规律:

• 参数列表中的第一个参数是一个数组, 这个数组中保存了所有不是插入的值
• 参数列表的第二个参数开始, 保存的就是所有插入的值

const name = 'BNTang';
const age = 18;

const test = (...args) => {
    console.log(args);
}

test`1, 2, 3, ${name}, ${age}`;

总结结论

• 我们可以拿到模板字符串中所有的内容
• 我们可以拿到模板字符串中所有非插入的内容
• 我们可以拿到模板字符串中所有插入的内容
• 所以我们就可以对模板字符串中所有的内容进行单独的处理