标签模板

简介: 标签模板

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

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

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

定义这样一个函数

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

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

我们普通调用写法:

templateFun(['Ruben'])

输出'Hello Ruben!'

我们如果使用标签模板,写法如下:

templateFun`Ruben`

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

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

调用结果为:

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

相关文章
|
8月前
|
Python
模板标签if
【2月更文挑战第21天】模板(Template)标签if。
38 2
|
8月前
|
前端开发 JavaScript
HTML简介及基础标签
HTML简介及基础标签
89 0
|
8月前
|
移动开发 安全 搜索推荐
H5新增标签
H5新增标签
63 0
|
5月前
|
索引
for标签
【8月更文挑战第6天】for标签。
42 4
|
6月前
|
Kubernetes 算法 调度
k8s 标签-2
k8s 标签-2
41 2
|
8月前
with标签
with标签
50 2
|
8月前
|
前端开发 JavaScript
基础标签应用
基础标签应用
58 2
|
8月前
|
移动开发 HTML5
基本标签
基本标签
57 2
|
移动开发
常用的不常见标签
常用的不常见标签
65 1
|
移动开发 前端开发 JavaScript
HTML+CSS常用的标签总结
HTML+CSS常用的标签总结
134 0

热门文章

最新文章

相关实验场景

更多