问题标签 [template-literals]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1766 浏览

yeoman - es6 模板文字上的 EJS 错误

我正在创建一个 Yeoman Express 应用程序生成器并使用包含模板文字的模板 js 文件。我希望输出文件包含这一行

但我认为 ${apiVersion} 被解释为模板值并给我错误

我如何解决这个问题而不必只使用

?? 谢谢!

0 投票
11 回答
74833 浏览

javascript - 将长模板文字行包装成多行而不在字符串中创建新行

在 es6 模板文字中,如何将长模板文字包装到多行而不在字符串中创建新行?

例如,如果您这样做:

然后它将为字符串创建一个新行符号,将其解释为有一个新行。如何在不创建换行符的情况下将长模板文字包装到多行?

0 投票
2 回答
1019 浏览

ecmascript-6 - 为什么 atom 包 linter-eslint 不能识别模板文字?

ES6 模板文字的文档有以下语法示例:

在此之后,我的功能是:

在控制台中,这按预期输出:

然而, eslinter 包在第一个反引号时抱怨了一个致命的解析错误,引用

为什么是这样?

(这篇关于文字的SO 帖子是关于语法错误的——找不到任何其他相关的 eslinter 帖子。)

0 投票
2 回答
1924 浏览

javascript - 在 JavaScript/p5.js 中将单行字符串拆分为多行字符串

我有一个 .csv 文件,我通过 p5.js 草图在 JavaScript 中调用它。其中一个字段包含范围从 103 字符到 328 字符的句子。我的脚本调用数据并随机显示在画布上。因为有些句子很长,它们不适合画布,所以我想把它们分成两行或三行的字符串。

我已经阅读了JavaScript 文档中的Template LiteralsRegExp,但所有示例都使用写成变量的字符串变量。因此,例如,在我的数据中是这样的:

Template Literal将作为多行对象打印到画布上。但我需要做的是让 JavaScript 从我的数据中的 statements 数组创建一个多行对象。

我有 aconstructor和 aprototype来格式化句子的颜色、大小、x/y 位置和运动。

所以我想我想知道的是我是否需要创建一个RegExp,喜欢String.split("[\\r\\n]+")并添加\r\n到数据中,如果是这样,我会将它放在我的脚本中的什么位置。我在 中尝试过Statement.display.prototype,但它似乎破坏了整个脚本,因为语句不会加载。

编辑:我有些不安地添加了这个编辑,因为我因为没有制作一个最小的、完整的、可验证的例子而被钉牢,而“最小”是我被钉牢的部分。也就是说,这是我的代码的顶部。

我添加它只是为了为我尝试拆分的数据类型提供上下文。似乎有两点我可以进行拆分:statement设置中创建的statements数组或构造函数中的数组。这意味着如果我进入我的数据文件并添加\n我想要拆分的位置,这很容易,因为只有 20 条语句,那么最好如何以及在哪里构造一个RegExp拆分这些行的最佳方法?

0 投票
4 回答
5948 浏览

javascript - 在没有模板化表达式的情况下使用 ES6 模板文字语法有缺点吗?

是否有理由(性能或其他)不对javascript源文件中的所有字符串使用反引号模板文字语法?如果是这样,是什么?

我应该更喜欢这个:

在这个?

0 投票
2 回答
12833 浏览

javascript - 如何在模板文字中调用函数

如何在Template literal中调用函数。

以下尝试中的函数语法显示在 HTML 中:

谢谢大家。

0 投票
2 回答
782 浏览

javascript - ES6 中的标记模板可以做什么?

我正在训练 ES6,但是当我阅读 Tagged Templates 并且不理解它并且不知道它可以做什么时?

请帮我清除它。

谢谢,

0 投票
5 回答
21652 浏览

javascript - JavaScript 模板文字(模板字符串)中的转义美元符号

我正在使用 JavaScript ES6 Docs Here的新模板文字(模板字符串)语法,我不太确定如何转义用于破坏字符串以添加参数的美元符号。

这是我正在尝试做的事情:

效果很好......但我真的更喜欢没有那个空间$ ${title}

这使得最终结果看起来像:

...购买金额为 25.99 美元...

我真的更喜欢

...购买金额为 25.99 美元...

我想这没问题,或者显然我可以使用仍然有效的旧方法,但很高兴知道如何解决这个问题。我链接到 Mozilla 文档,但我在其中找不到任何关于它的内容,希望有人知道如何解决这个问题

0 投票
4 回答
884 浏览

javascript - 如何从标记函数调用本机 es6 模板字符串替换?

我正在为模板文字编写一个 es6 标记函数,它首先检查字符串中的条件,如果未找到条件,则仅将模板文字解释为没有标记。我很好奇,从我的标记函数中,是否有一种方法可以调用浏览器的本机模板文字函数(我认为它会比我自己实现的函数更快)。Bonue:有了这个,标签组合就没有机会了,例如 htmlEscape(unndent foobar);

例如。

我自己实现的功能 - 有没有更快的方式/方式来调用浏览器的功能?

0 投票
4 回答
2581 浏览

intellij-idea - IntelliJ IDEA 中 ES6 模板文字(反引号)的文本突出显示

我应该在哪里查看设置以删除反引号内文本的绿色背景突出显示?我认为它与非 HTML 文件中的 HTML 有关,可能与引号或反引号无关。我一直在尽我所能搜索设置。

在此处输入图像描述