传递带标签模板中外部变量的值

Question

tag是一个接受模板字符串的函数:

function tag(strings) {
console.log(strings.raw);
}
tag`Output something`

很好。现在的问题是，我有一个外部变量我想把变量的值传递给模板字符串，就像这样:

function tag(strings) {
console.log(strings.raw);
}
const key = "a"
tag`The value of key: ${key}` // I need it to output "The value of key: a", but the actual output is "The value of key: "

它没有像预期的那样工作，因为javascript认为key是tag的参数之一。如何解决这个问题?

Answer 1

您需要另一个接受键值的参数。

function tag( strings, key ) {
console.log(strings[0] + key);
}
const key = "a"
tag`The value of key: ${key}`