javascript中通用模板文字函数的标记[重复]

Question

这个问题在这里已经有了答案：

如何从标签函数调用原生 es6 模板字符串替换？ (4 个回答)

11 个月前关闭。

我的目标是编写一个标记的模板函数，如

myTemplateTagFunction`some text ${variable} etc. etc.`

...它的行为类似于 javascript 中的默认模板文字函数。

我的第一次尝试是

let myTaggedTemplate = args => `${args}`

但这很快就崩溃了......

> myTaggedTemplate`hello world ${2 + 5}`
// "hello world ,"

> `hello world ${2 + 5}`
// "hello world 7"

必须有一种更简单的方法来做到这一点，我错过了？

Answer 1

也许有一种更短的方法可以做到，但这是我的方法：

const myTaggedTemplate = (strings, ...vars) => {
    let result = '';
    strings.forEach((str, i) => {
        result += `${str}${i === strings.length - 1 ? '' : vars[i]}`;
    });
    return result;
};

Answer 2

如何定义带标签的模板函数

如果你定义一个带标签的模板函数，它必须接收一个字符串数组作为第一个参数和任意数量的表达式作为后续参数。 字符串是您插入的表达式之间（所有${...} ）的所有字符串，所有表达式都是您放入${...} 。

示例代码

 let numExp = 2; function tagFunction(strings, ...expressions) { let returnString = ""; for (let i = 0; i < expressions.length; i++) { returnString += strings[i] + expressions[i]; } returnString += strings[strings.length - 1]; return returnString; } console.log( tagFunction`Using function \\"${tagFunction.name}\\" with ${numExp} expressions` );

Answer 3

你需要改变你的功能：

let myTaggedTemplate = (strings,...values) => ...;

并尝试按照此链接中的示例进行操作