javascript – 连接模板文字时出现奇怪的错误

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 连接模板文字时出现奇怪的错误，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2056字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试构建一个javascript脚本,它将我的标题放到我的html页面上,所以当我进行更改时,我不必更新每个页面.我了解到模板文字可以在变量中保存html代码,所以我开始使用它.但是,当我使用三元运算符时,我在VS Code中弹出错误.它说我错过了a).

我检查了整个模板文字是否有任何缺失的括号.

var html = `<div id="branding">
    <h1><span class="btop">JoJo</span> <span class="bbottom">Studios</span></h1>
</div>
<nav>
    <ul>
        <li`+(page=="home" ? ` class="current><a href="#">Home</a>"` : `><a href="../">Home</a>`)+`</li>
        <li`+(page=="games" ? ` class="current"` : ``)+`>
            <div class="dropdown">
                <a href=`+(page=="games" ? `"./"` : (page=="home" ? `"games/"` : `"../games/"`)+`>Games</a>
                <div class="dropdown-content">
                    <a href=`+(page=="games" ? `"` : (page=="home" ? `"games/` : `"../games/`)+`jojobananacatch.html">JoJo Banana Catch</a>
                </div>
            </div>
        </li>
        <li`+(page=="play" ? ` class="current"` : ``)+`><a href=`+(page=="home" ? `"play/"` : `"../play/"`)+`>Play</a></li>
        <li`+(page=="videos" ? ` class="current"` : ``)+`><a href=`+(page=="home" ? `"videos/"` : `"../videos/"`)+`>DevLogs & More</a></li>
        <li`+(page=="about" ? ` class="current"` : ``)+`><a href=`+(page=="home" ? `"about/"` : `"../about/"`)+`>About</a></li>
        <li`+(page=="contact" ? ` class="current"` : ``)+`><a href=`+(page=="home" ? `"contact/"` : `"../contact/"`)+`>Contact</a></li>
        <li`+(page=="account" ? ` class="current"` : ``)+`><a href=`+(page=="home" ? `"account/account.php?account_forward=0"` : `"../account/account.php?account_forward=0"`)+`>Account</a></li>
    </ul>
</nav>`;

输出应该只是一个我可以插入到文档中的字符串.任何帮助,将不胜感激.

解决方法:

dropdown类中的部分是问题所在,你显然使用了两个嵌套的三元运算符,但只有一个闭括号.

更改

<a href=`+(page=="games"
           ? `"./"`
           : (page=="home"
              ? `"games/"`
              : `"../games/"`)+`>Games</a>

至

<a href=`+(page=="games"
           ? `"./"`
           : (page=="home"
              ? `"games/"`
              : `"../games/"`))+`>Games</a>

和第二个实例相同.

顺便说一下,你也可以在模板中直接使用表达式(这是模板的全部要点).

这是使用${…}语法完成的,在某些情况下可能比关闭和重新打开模板更容易阅读.例如：

let s = "World";
console.log(`Hello, ${s+"."}`)

记录你好,世界.

内容总结

以上是互联网集市为您收集整理的javascript – 连接模板文字时出现奇怪的错误全部内容，希望文章能够帮你解决javascript – 连接模板文字时出现奇怪的错误所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端