不慕古，不留今，与时变，与俗化。——《管子·正世》

按照阮一峰ES6入门中写到的

我们可以使用函数名+模板字符串写法来调用函数，例如：

定义这样一个函数

1
2
3
function templateFun(arguments){
    return `Hello ${arguments[0]}!`
}

这里简单用模板字符串，返回Hello +参数数组第一项元素+!

我们普通调用写法：

1
templateFun(['Ruben'])

输出'Hello Ruben!'

我们如果使用标签模板，写法如下：

1
templateFun`Ruben`

image-20220205165430021

如果其中有变量，则会进行剥离拆分，我们对函数稍加修改，参数改为可变参数

1
2
3
4
5
function templateFun(...arguments){
    console.log(arguments)
    return `Hello ${arguments}!`
}
templateFun`Ruben${'Happy'}快乐${'new'}新${'year'}年`

调用结果为：

image-20220205171530286

可以看到变量将我们其中的字符串隔开，组成头部的数组，而raw中则是我们的变量