javascript - javascript中通用模板文字函数的标记

Question

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





How to call native es6 template string replacement from tag function?

(4 个回答)


1年前关闭。




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

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;
};