如何在 TypeScript 中执行字符串插值？

Posted 2023-02-22

【中文标题】如何在 TypeScript 中执行字符串插值？

【英文标题】：How to perform string interpolation in TypeScript?

【发布时间】：2018-01-06 02:02:38

【问题描述】：

C# 使用字符串插值

int value = 100;
Console.WriteLine($"The size is value.");

输出：

大小为 100。

如何在 TypeScript 中做同样的事情？

【问题讨论】：

@poke，只是想知道。 “如何在打字稿中进行字符串插值？” link 是“如何在 javascript 中进行字符串插值？”link 的重复问题。

@PrakashSomasundaram 因为 TypeScript 是 JavaScript 的语法超集。所以任何在 JavaScript 中有效的东西在 TypeScript 中也有效。由于 TypeScript 没有自己的字符串插值语法，因此 JavaScript 的任何解释也适用于此。

@poke：但相反的情况并非如此：如果某些东西在 TypeScript 中有效，并不意味着它在 JavaScript 中有效。因此，因为这个问题是关于特定 TypeScript 原生 TypeSrcipt 解决方案的，所以也可以在这里播放，这不适合将原始问题称为重复。例如，Ygaibel 的答案是一个适当的正确答案，而这不可能是您提到的重复答案

不确定人们如何将其标记为“重复”。可能存在仅适用于 TypeScript 的解决方案。这就是作者指定 TypeScript 而不是 JS 的原因。他（可能和我一样），只是想知道TS有没有什么特别的。如果不存在，暂时预计答案是“TS没有多余的刀片”，然后指向JS的工具。

请将此作为重复项删除——这很尴尬。这与询问“如何在 TypeScript 中声明变量”和“如何在 JavaScript 中声明变量”相同。是的，我知道它是一个超集......

【参考方案1】：

在 JavaScript 中你可以使用template literals:

let value = 100;
console.log(`The size is $ value `);

【讨论】：

typescript 的任何 polyfill 都可以用于 babel 吗？

@lawphotog polyfill 是为了什么？这在打字稿中受支持。

【参考方案2】：

只需使用特殊的`

var lyrics = 'Never gonna give you up';
var html = `<div>$lyrics</div>`;

您可以查看更多示例here。

【讨论】：

是的，注意这是特殊的``，而不是'。

在 IE 上出现语法错误

我不敢相信我在这里被翻车了。