如何在 JavaScript 中进行字符串插值

用字符串文字内的值替换占位符称为字符串插值。

在 JavaScript 中,包含在支持字符串插值的反引号 (`) 中的模板文字(也是模板字符串)和 ${expression} 作为占位符执行字符串插值,如下所示:

const AGE = 25;
console.log(`I'm ${AGE} years old!`);

占位符具有以下格式:${expressionToEvaluate}。
占位符内的表达式可以是:

  • 变量:${myVar}
  • 运算符: ${n1 + n2}, ${cond ? 'val 1':'val 2'}
  • 偶函数调用 ${myFunc('argument')}

运算符示例:

const NUM1 = 10;
const NUM2 = 5;
console.log(`The sum is ${NUM1 + NUM2}`);

占位符表达式输出被隐式转换为字符串。
例如,占位符中的数字被转换为字符串:

const NUM = 8.3;
console.log(`The number is ${NUM}`);

任何使用插值的字符串都必须用反引号 (`) 软件包,而不是“双引号”或者“单引号”,这一点很重要。
当我们使用反引号时,我们创建了一个模板文字,它只是一个可以接受嵌入代码的字符串。

日期:2020-06-02 22:16:17 来源:oir作者:oir