JS模板字符串是一种特殊的字符串,它允许在字符串中嵌入表达式,并且可以跨越多行。模板字符串使用反引号(`)来定义。
下面是一些JS模板字符串的特点和用法:
- 可以在字符串中嵌入变量或表达式,使用${}包裹变量或表达式。
const name = 'John';
console.log(`Hello, ${name}!`);
// 输出:Hello, John!
- 可以跨越多行,包括换行符。
const message = `This is a
multi-line
message.`;
console.log(message);
// 输出:
// This is a
// multi-line
// message.
- 可以在模板字符串中使用其他字符串方法。
const name = 'John';
console.log(`Hello, ${name.toUpperCase()}!`);
// 输出:Hello, JOHN!
- 可以在模板字符串中嵌入函数调用。
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('John'));
// 输出:Hello, John!
- 模板字符串可以用作函数参数。
function greet(name) {
return `Hello, ${name}!`;
}
console.log(`Greeting: ${greet('John')}`);
// 输出:Greeting: Hello, John!
以下是一些JS模板字符串的链接: