javascript - 打印模板文字中的箭头函数

Question

在名为“Car”的函数中，我添加了一个方法“beep”，并带有可选的消息输入：

this.beep = function (message) { }

我想使用模板文字来在函数中记录它：

console.log(this.name + ': ' + 'Beeeeep!' + (message ? ' ' + message : ''))

我写了以下内容，但输出显示了文字本身的内容：

console.log(`${this.name}: Beeeeep! ${ (message) => {
  if (message) return `${message}`;
    return ' ';
  }}`);

输出（对于 this.name='myCar'）：

myCar: Beeeeep! (message) => {
    if (message) return `${message}`;
    return '';
  }

为什么它记录文字的内容而不是转译它？

*我想出了如何以更简单的方式编写它：

console.log(`${this.name}: Beeeeep! ${message || ''}`)

但我仍然想了解第一个代码中出了什么问题。

score 6 · Accepted Answer

发生这种情况是因为您将函数的主体和定义传递给模板文字字符串。如果您希望函数的结果显示在字符串中，则应同时使用和调用该函数，除非它将作为包含该函数主体的字符串传递。为此，您可以使用 IIFE。

console.log(`${this.name}: Beeeeep! ${((message) => {
  if (message) return `${message}`;
  return ' ';
})()}`);

score 1 · Accepted Answer

我相信这是因为您的实现只定义了一个函数，所以模板文字会打印函数本身。

你想打印函数的输出，所以你需要调用箭头函数。我已将您的函数更改为使用三元运算符，并且还使用 IIFE 来调用该函数，以便根据需要打印其输出。

console.log(`${this.name}: Beeeeep!  ${((message) => message ? message : ' ')('Test')}`);

2 回答 2