字符串模板（使用反引号 ``）的一些用法

字符串模板（Template literals）是一种JavaScript语言特性，用于创建包含动态内容的多行字符串。

一般使用反引号（）来定义字符串，并通过${expression}`来插入变量或表达式的值。

以下是一些字符串模板的常见用法：

1：插入变量：

代码语言：javascript复制

const name = 'Alice';
const age = 25;
const greeting = `Hello, my name is ${name} and I'm ${age} years old.`;
console.log(greeting);
// 输出: Hello, my name is Alice and I'm 25 years old.

2：表达式插入：

代码语言：javascript复制

const a = 5;
const b = 10;
const result = `The sum of ${a} and ${b} is ${a   b}.`;
console.log(result);
// 输出: The sum of 5 and 10 is 15.

3：多行字符串：

代码语言：javascript复制

const message = `
  This is a
  multiline
  string.
`;
console.log(message);
// 输出:
// This is a
// multiline
// string.

4：嵌套模板：

代码语言：javascript复制

const name = 'Bob';
const greeting = `Hello, ${`my name is ${name}`}.`;
console.log(greeting);
// 输出: Hello, my name is Bob.

字符串模板的优点是可以更清晰地编写包含变量和表达式的多行字符串，避免了使用字符串连接符（ ）的繁琐。 还提供了更好的可读性和易于维护的代码结构。

console multiline string 变量 字符串

0 人点赞