【问题标题】:What is the default “tag” function for template literals?模板文字的默认“标签”函数是什么?
【发布时间】:2021-06-27 15:27:23
【问题描述】:

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

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

但是​`Foo ${'bar'}.`; 呢?我不能只是“打电话”(['Foo ', '.'], 'bar');。如果我已经有这种形式的参数,我应该将它们传递给什么函数?

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

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

  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(''),
];

但这不是重点——我不想在这里推出自己的做法,并冒着与本机实现不一致的风险,尤其是在这种情况发生变化时。

【问题讨论】:

  • 不幸的是,没有默认的。你必须自己做。例如,有时我使用String.raw 作为unindent = (...args) => String.raw(...args).replaceAll(/^\s+/g, "")。当您只想处理模板然后自己对其进行后期处理时,它适用于较小的东西,但它会转换一些符号。

标签: javascript templates


【解决方案1】:

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

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

指向规范的链接和/或引用,该规范准确定义了此功能的实现方式,因此,如果我自己动手,至少我可以确定它符合(当前)规范。

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

【讨论】:

  • 奇怪的事情:如果我单击该链接(在此选项卡中打开它),它实际上无法加载正确的页面。在新选项卡中打开它可以正常工作。无论哪种方式,感谢您的回答(尽管我不喜欢那个答案)。
猜你喜欢
  • 1970-01-01
  • 2021-09-23
  • 2017-04-10
  • 2019-01-13
  • 1970-01-01
  • 2013-12-08
  • 2013-10-23
  • 1970-01-01
  • 2014-05-18
相关资源
最近更新 更多