使用字符串插值时调用函数

Question

假设我有一个Javascript函数，将两个数字相加如下

function addNumbers(a, b){
return a+b;
}

然后我想将使用两个数字调用该函数的结果输出到控制台。使用字符串连接时，我可以执行以下操作：

console.log('The sum of two numbers is' +
addNumbers(a, b));

但是，我的问题是，如果要使用字符串插值，该如何调用函数？像这样：

 console.log(`the sum of two numbers 
    is addNumbers(a, b)`);

Answer 1

与往常一样，要输出评估结果的表达式在${和}之间。

function addNumbers(a, b) {
  return a + b;
}

const a = 4;
const b = 6;

console.log(`the sum of two numbers 
    is ${addNumbers(a, b)}`);

Answer 2

您所要做的就是用${}

包裹表达式

console.log(`the sum of two numbers is ${addNumbers(a, b)}`);

  

模板文字用反引号（``）括起来（重音符）   字符而不是双引号或单引号。模板文字可以   包含占位符。这些由美元符号和大写表示   花括号（$ {expression}）

Answer 3

您可以在$里面带有花括号（$ {}）的模板文字（``）中执行任何表达式。

您的示例如下所示：

 console.log(`the sum of two numbers is ${addNumbers(a, b)}`);

有关更多信息，请参见mdn docs。