TypeScript 要求使用模板字面量。

Question

我正在使用TypeScript，当连接字符串时出现错误提示，

  const content = senderDisplay + ', '+ moment(timestamp).format('YY/MM/DD')+' at ' + moment(timestamp).format('h:mm A');

[tslint] 使用模板字面量而不是字符串连接。(prefer-template)

如何使用模板字面量来修复这个问题？谢谢。

- manuelBetancurt

---

MDN: 模板字面量。它们是一种替代字符串字面量的方式，使用反引号而不是引号，并允许嵌入表达式。 - Jonathan Lonowski

tslint检查代码风格，你可以查看像prefer-template这样的规则，以了解正在发生什么... - Jason Goemaat

Answer 1

你可以在MDN上查看模板文字，这是ES6中首选的样式。

在您的情况下，它将变成以下内容：

const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at ${moment(timestamp).format('h:mm A')}`;

重要区别：

• 以反引号开头和结尾

• 支持多行字符串

• 表达式使用${expression}插值

- Isac

Answer 2

const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at ${moment(timestamp).format('h:mm A')};`

看看https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals吧！一旦你掌握了它，它们就非常棒。字符串插值比将字符串拼接在一起更易读。

- Dom

Answer 3

使用反引号和${...}。

 const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at  ${moment(timestamp).format('h:mm A')}`;

- Daniel A. White