如何在JavaScript中将模板字面量原串输出到控制台而非解析后的值

实现方案 #

你可以通过两种常用方式输出模板字面量的原始字符串：

• 方式1：转义插值标识$
  在模板字面量内的$前添加反斜杠转义，即可避免JS触发插值解析逻辑：

var variable = 2;
var x = `\${variable}`;
console.log(x); // 输出 ${variable}

• 方式2：使用String.raw标签函数
  String.raw是JS原生提供的模板字面量标签，专门用于返回模板的原始未解析内容：

var variable = 2;
var x = String.raw`${variable}`;
console.log(x); // 输出 ${variable}

注意：如果模板字面量在定义时没有做上述处理，完成插值后变量只会存储计算后的值，无法再回溯得到原始模板字符串。

内容的提问来源于stack exchange，提问作者Gelinus Eze