js中模板字符串的用法`${变量}`

JS模板字符串是一种特殊的字符串，它允许在字符串中嵌入表达式，并且可以跨越多行。模板字符串使用反引号（`）来定义。

下面是一些JS模板字符串的特点和用法：

1. 可以在字符串中嵌入变量或表达式，使用${}包裹变量或表达式。

const name = 'John';
console.log(`Hello, ${name}!`);
// 输出：Hello, John!

2. 可以跨越多行，包括换行符。

const message = `This is a
multi-line
message.`;
console.log(message);
// 输出：
// This is a
// multi-line
// message.

3. 可以在模板字符串中使用其他字符串方法。

const name = 'John';
console.log(`Hello, ${name.toUpperCase()}!`);
// 输出：Hello, JOHN!

4. 可以在模板字符串中嵌入函数调用。

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet('John'));
// 输出：Hello, John!

5. 模板字符串可以用作函数参数。

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(`Greeting: ${greet('John')}`);
// 输出：Greeting: Hello, John!

以下是一些JS模板字符串的链接：

• MDN Web Docs
• W3Schools
• JavaScript.info