眼前一亮的标签函数(带标签的模板字符串)

·  阅读 1174

标签函数又称带标签的模板字符串,估计大部分人都没听过,但其实它是ES6的语法,只不过平时用的不多,大家可能没怎么见过。由于别的函数调用都是使用(),而它直接在函数名后面接上模板字符串,别具一格,故记录。

标签函数

标签函数的语法是函数名后面直接带一个模板字符串,并从模板字符串中的插值表达式中获取参数;

定义一个 sayHello 函数接收三个参数。

function sayHello(arg1, arg2, arg3){
  console.log(arg1);
  console.log(arg2);
  console.log(arg3);
}
//下面两句代码等价
//name:xoyimi
//age:18
// 普通函数
sayHello(["I'm ", ". I'm ", " years old."], name, age)
// tag 函数
sayHello`I'm ${name}. I'm ${age} years old.`// 最终输出
[ 'I\'m ', '. I\'m ', ' years old.' ]
xoyimi
18
复制代码

标签函数的第一个参数是被嵌入表达式分隔的文本的数组。第二个参数开始是嵌入表达式的内容。

参考内容: 2ality.com/2016/11/com…

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改