JS中一种特殊的函数调用方式——标签函数调用

661 阅读1分钟

一、复习

在JS中,函数的调用方式有一下几种

  1. functionName()使用括号调用;
  2. fuctionName.call()使用call()调用;
  3. fuctionName.apply()使用apply()调用;
  4. new functionName()使用new操作符调用;
  5. object.method()对象的方法调用;

二、标签函数

在ES2015(ES6)规范中,定义了模板字符串,其中不仅仅新增了关于 ` ` 符号代表模板字符串,还新增了一种函数调用方法。如下所示:

function getPersonInfo(one, two, three) {
  console.log(one)
  console.log(two)
  console.log(three)
}
const name = 'zhangyi'
const alias = 'xiaonian'
getPersonInfo`${alias} is ${name}` //函数名后面接上模板字符串,表示调用标签函数
// output: 
// [ '', ' is ', '' ]
// xiaonian
// zhangyi

标签函数的第一个参数是被插入表达式${}符号分隔的文本组成的数组。第二个参数开始是插入表达式的内容。