如何使用ES6语法结合字符串插值调用函数并生成预期结果？

当然没问题啦～ES6引入的模板字符串（也就是你说的字符串插值）的核心优势之一，就是支持在${}包裹的区域里执行任意合法的JavaScript表达式，其中就包括直接调用函数。

举几个实际的例子帮你理解：

1. 调用单参数函数 #

假设你有一个生成问候语的函数：

function getGreeting(name) {
  return `Hi there, ${name}!`;
}

你可以直接在模板字符串里调用它：

const user = "Bob";
const welcomeMessage = `Today's greeting: ${getGreeting(user)}`;
console.log(welcomeMessage); // 输出: Today's greeting: Hi there, Bob!

2. 调用多参数函数并处理返回值 #

如果函数需要多个参数，或者你想对返回值做进一步处理，也完全支持：

function formatPrice(amount, currency) {
  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount);
}

const productPrice = 49.99;
const currencyType = "USD";
const productInfo = `This item costs ${formatPrice(productPrice, currencyType)}`;
console.log(productInfo); // 输出: This item costs $49.99

关键要点 #

• 任何能在JavaScript中单独运行的表达式，都能放进${}里，包括函数调用、算术运算、三元表达式等等。
• 函数的返回值会被自动插入到模板字符串对应的位置，和变量插值的逻辑一致。

如果你的具体函数或预期结果有特殊情况，可以把细节补充上来，我再帮你针对性分析～

内容的提问来源于stack exchange，提问作者Jeremy Thomas