Javascript 如何输出汇总“的变量”；“类”&引用；href"&引用；数据-“；等作为帕格的属性？

这是帕格（杰德）的问题

正如您在下面看到的，我正在寻找方法来输出总结属性内容的js变量。 我特别想做的是尝试混合多功能SNS共享按钮

混合 哈巴狗 输出（HTML）

我不知道如何将模板文本作为标记的属性输出

---

我该怎么做呢？

我认为你想用那种方法做什么是不可行的。我认为最好将标记存储为对象映射（而不是字符串）

也许一段代码片段有助于说明我的建议：

mixin shareButton()
 -
  const shareScript = () => {
    const hatebu = {
      href: "",
      className: "btn btn-b",
      target: "_blank",
      rel: "noopener noreferrer"
    };

    return hatebu;
  };

- const scriptValues = shareScript();
a&attributes(href=scriptValues.href class=className ...) // do the same for 'target' and 'rel', as well

---

很抱歉，我输入示例代码失败，可能是重复的。这是帕格（玉）的主题…非常感谢。起初，这是试图用你的帕格写作方法来回答问题。但由于它是SNS的一个共享按钮，可以预测代码会随着规范的变化而变化。我每次都在考虑如何转换成帕格，我觉得最好能够写出生成器的HTML输出，询问如何提问。

p.btn-share
  +shareButton()

<p class="btn-share">
  <a 0="h" 1="r" 2="e" 3="f" 4="=" 5="" "="" 6="h" 7="t" 8="t" 9="p" 10=":" 11="/" 12="/" 13="e" 14="x" 15="a" 16="m" 17="p" 18="l" 19="e" 20="." 21="c" 22="o" 23="m" 24="/" 25="t" 26="e" 27="s" 28="t" 29="" 30=" " 31="c" 32="l" 33="a" 34="s" 35="s" 36="=" 37="" 38="b" 39="t" 40="n" 41=" " 42="b" 43="t" 44="n" 45="-" 46="b" 47="" 48=" " 49="t" 50="a" 51="r" 52="g" 53="e" 54="t" 55="=" 56="" 57="_" 58="b" 59="l" 60="a" 61="n" 62="k" 63="" 64=" " 65="r" 66="e" 67="l" 68="=" 69="" 70="n" 71="o" 72="o" 73="p" 74="e" 75="n" 76="e" 77="r" 78=" " 79="n" 80="o" 81="r" 82="e" 83="f" 84="e" 85="r" 86="r" 87="e" 88="r" 89=""></a>
</p>

<p>
  <a href="http://example.com/test" class="btn btn-b" target="_blank" rel="noopener noreferrer"></a>
</p>

mixin shareButton()
 -
  const shareScript = () => {
    const hatebu = {
      href: "",
      className: "btn btn-b",
      target: "_blank",
      rel: "noopener noreferrer"
    };

    return hatebu;
  };

- const scriptValues = shareScript();
a&attributes(href=scriptValues.href class=className ...) // do the same for 'target' and 'rel', as well