javascript - 模板文字的默认 “tag” 函数是什么?

标签 javascript templates

处理模板文字的 native 函数的名称是什么?

也就是说,我知道当您编写 tag`Foo ${'bar'}.`; 时,这只是 tag(['Foo ', '.' ], 'bar');

但是 `Foo ${'bar'}.`; 呢?我不能只是“调用”(['Foo', '.'], 'bar');。如果我已经有那种形式的参数,我应该将它们传递给哪个函数?

我只对实现模板文字功能的 native 函数感兴趣。我完全有能力自己动手,但这个问题的目的是避免这种情况并“正确”地做— 即使我的实现与当前 native 功能完美匹配, native 功能可能会发生变化,但我希望我的用法仍然匹配。所以这个问题的答案应该采用以下形式之一:

  1. 要使用的 native 函数的名称,最好带有指向它的文档的链接和/或引用。

  2. 规范的链接和/或引述精确定义了此功能的实现方式,因此,如果我推出自己的规范,至少我可以确定它符合(当前)规范。

  3. 本地实现不可用且未指定的备份声明。理想情况下,这再次得到文档链接和/或文档引用的支持,但如果没有,我将接受支持此声明的其他来源或论证。


  1. 实际上,第一个参数需要一个 raw 属性,因为它是一个 TemplateStringsArray 而不是一个常规数组,但我在这里跳过它使示例更具可读性。

动机

我正在尝试创建一个标记函数(例如,tag),它在内部对输入执行默认的模板文字串联。也就是说,我采用了 TemplateStringsArray 和其余参数,并将它们变成一个已经整理好模板的字符串。 (这是为了将结果传递给另一个标记函数,也许是 otherTag,我希望第二个函数将所有内容都视为单个字符串文字而不是分解的模板。)

例如,tag`Something ${'cooked'}.`; 等同于 otherTag`Something cooked.`;

我目前的做法

tag 的定义看起来像这样:

function tag(textParts, ...expressions) {
  const cooked = // an array with a single string value
  const raw = // an array with a single string value
  return otherTag({ ...cooked, raw });
}

定义 raw 的值相当简单:我知道 String.raw 是我需要在这里调用的标记函数,所以 const raw = [ String.raw(textParts.raw, ...expressions)];.

但我无法在互联网上的任何地方找到我会为它的 cooked 部分调用什么功能。我想要的是,如果我有 tag`Something ${'cooked'}.`;,我想要 const cooked = `Something ${cooked}.`;我的功能。但我找不到实现该功能的任何函数的名称。

我发现最接近的是声称它可以实现为

const cooked = [expressions.map((exp, i) => textParts[i] + exp).join('')];

这是错误的——textParts 可能比 expressions 长,因为 tag`Something ${'cooked'}.`; 得到 ['Something', '.']['cooked'] 作为参数。

改进这个表达式来处理这不是问题:

const cooked = [
  textParts
    .map((text, i) => (i > 0 ? expressions[i-1] : '') + text)
    .join(''),
];

但这不是重点——我不想在这里推出我自己的并冒着与 native 实现不一致的风险,尤其是当它发生变化时。

最佳答案

The name of the native function to use, ideally with links to and/or quotes from documentation of it.

没有一个。它是语法,而不是函数。

Links to and/or quotes from the spec that defines precisely what the implementation of this function is, so that if I roll my own at least I can be sure it’s up to the (current) specifications.

13.2.8 Template Literals规范的一部分解释了如何处理语法。

关于javascript - 模板文字的默认 “tag” 函数是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68152638/

相关文章:

javascript - 在 Javascript 的同级属性中调用函数

javascript - 文本 block 解析器

javascript - 创建一个数组,其中每个数组都有自己的值

templates - 如何使用 meteor 空格键模板动态呈现HTML?

python - Cython:python 类包装器中的模板

javascript - JS : window. setInterval 仍在后台运行?

javascript - Meteor:将 onCreated 回调应用于所有模板

c++ - 无法复制从默认构造的数组构造的对象

c++ - 如何在C++中实现不同列数据类型的数据表

C++ 模板,链接错误