JavaScript 中的 ' 和 ` 有什么区别，我如何才能使用我的代码？ [复制]

Question

我有这个代码：

<!-- language: lang-js -->var $section = $("<div>");
    $section.html([
        //Enter all your HTML code you want below
        //S = String, U = User
        '<div>',
        '<h3>User Info</h3></br>',
        `${LUname}: <span id="SUName"></span></br>`,
        '`${LRank}`: <span id="SRank"></span></br>',
        '`${LStateId}`: <span id="SStateId"></span></br>',
        '`${LAm}`: <span id="SArea_Manager"></span></br>',
        '`${LUId}`: <span id="SUId"></span></br>',
        '`${LGlobalE}`: <span id="SGlobalE"></span></br>',
        '`${LChatBanned}`: <span id="SChatBanned"></span>',
        '`${LSegmentDel}`: <span id="SSegmentDel"></span>',
        '`${LStreetChanges}`: <span id="SStreetChanges"></span>',
        '</div>'

之前和之后还有另一个代码所以不用担心。

但问题是我想要在代码中包含所有 html 的内容，我想使用 JS 的一个变量，但我无法让它工作，它没有提取任何 JS只是从字面上理解 HTML。

Answer 1

查看模板文字：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

模板文字由反引号 ( `` ) (grave accent) 字符而不是双引号或单引号括起来。模板文字可以包含占位符。这些由美元符号和花括号(${expression}) 表示。占位符中的表达式和它们之间的文本被传递给一个函数。默认函数只是将部分连接成一个字符串。如果模板文字（此处为标记）之前有一个表达式，则称为“标记模板”。在这种情况下，标签表达式（通常是一个函数）会被处理后的模板文字调用，然后您可以在输出之前对其进行操作。要在模板文字中转义反引号，请在反引号之前放置一个反斜杠 \。