在 JavaScript 中，我们通常使用圆括号来调用函数。但是从 ECMAScript 6 开始，JavaScript 引入了一种新的语法：backticks（反引号）调用函数。
什么是 backticks？
在 JavaScript 中，backticks 是一种字符串字面量表示法，与单引号和双引号不同，它可以支持更多的功能，如多行文本、插值表达式等。
const name = 'Alice';
const greeting = `Hello, ${name}!`;
console.log(greeting); // 输出：Hello, Alice!在上面的例子中，我们使用 backticks 来创建一个包含插值表达式的字符串，并将其赋值给变量 greeting。
backticks 调用函数
除了作为字符串字面量的一部分外，backticks 还可以用于调用函数。当你在函数名后面加上一对 backticks 时，相当于调用了该函数并将结果转换为字符串。
function hello(name) {
return `Hello, ${name}!`;
}
const message = hello`Alice`;
console.log(message); // 输出：Hello, Alice!在上面的例子中，我们定义了一个函数 hello，它接受一个字符串参数 name，并返回一个包含插值表达式的字符串。我们接着调用 hello 函数，并在函数名称后面加上一对 backticks 和一个字符串参数 Alice。最终结果是将 hello 函数的返回值转换为字符串并赋值给变量 message，然后输出该变量。
backticks 调用函数的应用场景
backticks 调用函数主要用于模板字符串。在模板字符串中，我们可以使用插值表达式来插入动态数据，并且我们还可以在插值表达式中调用函数。
-- -------------------- ---- -------
-------- --------------------- -
------ -----------------------
-
----- ---- - -
----- -------- ---
------ ------
--
----- ---- - -
-----
---------------------
--------- ---------------------------------
------
--
------------------在上面的例子中，我们定义了一个名为 formatCurrency 的函数，它接受一个数字参数并返回一个格式化后的货币字符串。我们还定义了一个名为 item 的对象，其中包含产品名称和价格。接着，我们使用模板字符串来创建一个 HTML 片段，使用插值表达式来插入动态数据和函数调用结果。最终结果是将 HTML 片段作为字符串打印到控制台上。
总结
backticks 调用函数是 ECMAScript 6 中新增的一种语法，可以用于将函数的返回值转换为字符串。它主要用于模板字符串中，可以让我们更方便地拼接动态数据和函数调用结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30796