这些库如何在 Javascript 中处理幕后的刻度符号语法？ [复制]

Posted 2023-03-08

【中文标题】这些库如何在 Javascript 中处理幕后的刻度符号语法？ [复制]

【英文标题】：How do the libraries handle the tick symbol syntax behind the scene in Javascript? [duplicate]

【发布时间】：2021-12-07 01:09:23

【问题描述】：

一些库在 javascript 中使用以下给出的语法。语法在 Javascript 中有效吗？如果没有，图书馆如何在幕后处理它。

const button = css`
position: fixed;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 200;
`;

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

【参考方案1】：

是的，它是 JS 中的有效语法。

例子：

function fun()
   console.log('triggered..!');

fun``

打印“触发..！”在控制台上。

这称为“标记模板”

更多信息在这里查看： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates

当您在 js 变量的末尾添加封闭的反引号时，它会将其视为函数调用，函数将使用您在反引号之间传递的参数调用。