template-literals相关内容

如何从标签函数调用原生 es6 模板字符串替换?

我正在为模板文字编写一个 es6 标记函数，它首先检查字符串中的条件，如果未找到条件，则仅将模板文字解释为未标记.我很好奇，从我的标签函数中，是否有一种方法可以调用浏览器的本机模板文字函数(我认为它会比我自己实现的函数更快).Bonue:有了这个，就没有机会组合标签，例如 htmlEscape(unindentfoobar); 例如. function dualTag(strs, ...v ..
发布时间：2021-12-23 11:58:05 前端开发

ES6 中函数后面的模板文字(反引号)的目的是什么?

在 GraphQL 中，您可以编写如下内容来定义查询: const USER_QUERY = gql`{用户(ID:2){名称}}` 在样式组件中，您可以像这样定义样式组件: const Button = styled.button`背景色:木瓜；` 这是什么语法?我知道使用模板文字，您可以使用以下语法子变量: ${foo} 但我从未见过使用它.任何指导将不胜感激. 解决方案 这些 ..
发布时间：2021-12-23 11:46:44 前端开发

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

在 es6 模板文字中，如何将长模板文字包装成多行而不在字符串中创建新行? 例如，如果您这样做: const text = `一个很长的字符串，只是继续并继续并继续` 然后它将为字符串创建一个新行符号，将其解释为有一个新行.如何在不创建换行符的情况下将长模板文字包装成多行? 解决方案 如果你引入了 line continuation (\) 在文字中的换行符处，它不会在输出上创建 ..
发布时间：2021-12-23 11:45:57 前端开发

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

是否有理由(性能或其他)不对 javascript 源文件中的所有字符串使用反引号模板文字语法?如果是，那是什么? 我应该更喜欢这个吗: var str1 = '这是一个字符串'; 超过这个? var str2 = `这是另一个字符串`; 解决方案 不使用它们的最重要原因是并非所有环境都支持 ES6. 当然，这可能根本不会影响您，但仍然:YAGNI.除非您需要插值、多行文字或 ..
发布时间：2021-12-23 11:38:01 前端开发

ES6 模板文字可以在运行时替换(或重用)吗?

tl;dr:是否可以制作可重用的模板文字? 我一直在尝试使用模板文字，但我想我只是不明白，现在我很沮丧.我的意思是，我想我明白了，但“它"不应该是它如何运作，或者它应该如何获得.应该会有所不同. 我看到的所有示例(甚至标记模板)都要求在声明时而不是运行时完成“替换"，这对我来说对于模板来说似乎完全没用.也许我疯了，但对我来说，“模板"是一个包含令牌的文档，这些令牌在您使用它时会被替换， ..
发布时间：2021-12-23 11:31:35 前端开发

模板文字语法在 IE11 中不起作用

当它在其他浏览器(例如 Chrome)中工作时，当使用“use strict"指令时，反勾号字符在 IE11 中不被识别为有效字符. 考虑到 IE11 即使在 Windows 10 用户中仍然广泛使用，对这种行为的解释是什么?? "use strict";函数 doIt() {让 tt;tt = 50;警报(`${tt}`)；警报(“测试")；}doIt(); 错误:{"messa ..
发布时间：2021-12-18 12:29:15 前端开发

使用 map() 的意外逗号

我有一个包含元素列表的数组，我正在尝试使用模板字符串将此列表附加到 HTML 元素: var description = ['HTML &CSS','Javascript 面向对象编程','渐进式网络应用程序 (PWA)','网站性能优化','Webpack 和 Gulp 工作流程'，'全栈 React.js','网络组件','响应式网页设计'，'草图设计'，'GraphQL 和中继']$( ..
发布时间：2021-11-18 02:37:16 前端开发

一种在 Typescript 模板文字中标记任意字符串的方法

自 TypeScript 4.1 发布以来，我正在尝试做与许多其他开发人员可能一直在尝试的完全相同的事情:严格键入具有预定模式的所有字符串. 虽然我设法为日期字符串找到了一个很好的折衷方案，但我现在面临着十六进制颜色代码的挑战. 显然是尝试 HEX = 0 的幼稚方式 |1 |... |“E"|“F"然后声明 type HEX_CODE = `#${HEX}${HEX}${HEX}$ ..
发布时间：2021-09-11 20:35:17 其他开发

使用香草JS，使用模板文字循环遍历对象数组，并将数组作为道具

我正在自学香草JS，并希望自己能真正使用它. 这几天我一直在绞尽脑汁.我正在尝试使用模板文字来显示数组中对象的属性. 这些对象是项目组合项目.在每个对象中，我都有一个由图标图像组成的属性.除了所有图标图像，我都能在页面上呈现所有内容. 我只能在班级中使用"skills-used"类显示1个图标图像. 有人可以帮我弄清楚如何映射图标阵列中的所有图像吗? 或者，有没有更好 ..
发布时间：2021-05-31 20:03:11 前端开发

不会缩进缩进的多行字符串

根据此论文讨论，可以在ECMAScript 6中定义多行字符串而不必将字符串的后续行放在该行的开头. Allen Wirfs-Brock的帖子包含一个代码示例: var a = dontIndent`这是一个模板字符串.即使每行都缩进以保持代码整洁，用来缩进的空白不在结果字符串中； 有人可以解释如何做到这一点吗?如何定义此 dontIndent 事物以删除用于缩进的空格? 解决 ..
发布时间：2021-05-19 19:56:52 前端开发

是否保证JavaScript模板文字可以调用toString()?

const num = 42const str =`我的号码是$ {num}` 在此代码中，我有什么保证将 num 转换为 string ? 是否保证只调用其 toString()方法，还是可以通过其他方式进行转换? 解决方案 未标记的模板使用ECMAScript ToString()抽象操作.模板文字评估的逻辑分布在几个部分中，因此很难遵循，因此我将发布一个链接: 如您 ..
发布时间：2021-05-19 19:34:30 前端开发

如何在包含模板文字(Javascript)的数组中存储字符串?

我正试图在一个数组中存储很多文本(因此我可以轻松地使用一个值将其提取出来).问题出在我想使用模板文字的字符串之内，因此该字符串根据输入而变化(例如，一旦他们添加了名称，它就会使用其名称. 如果我在函数中包含字符串，那么我可以正常工作.例如: textbox.textContent =`$ {nameTemp}做什么? 这没问题，它将"nameTemp"更改为用户输入的内容.但这下面没 ..
发布时间：2021-04-16 20:30:43 前端开发

Javascript:如何在JSON中使用模板文字?

我今天发现了 JavaScript ES6模板文字.一个字:太棒了！ 问题:如何将模板文字存储和加载为JSON?我通过XHR加载了一些文件，然后是一些不支持`而不是"的JSON.parse()，因此似乎无法直接在文件中保存模板文字. 目标:要使用它进行动态字符串和翻译，并摆脱诸如("Hello " + username + "! How are you?")这样令人困惑的东西，该东西只 ..
发布时间：2021-02-13 20:12:25 前端开发