javascript - 标记模板文字混淆

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 4 年前。

Improve this question

我正处于 JavaScript 学习曲线的关键点，我需要学习一些更复杂的东西才能变得更好，我从标记模板文字开始，但我似乎无法理解它们是如何实现的工作。我看过教程，浏览过 GitHub 和大量提供帮助的网站，但我仍然不知道他们在说什么。我想附加 testParse和studyParse使用parseHTML将变量添加到我的HTML中功能。我尝试过使用 createElement但这感觉就像是一种逃避，因为如果我正在创建一个 div像这样的元素我会错过标记模板文字的要点。我在一个项目中使用它，所以这就是为什么我有一些奇怪的字符串。请彻底解释您编写的函数如何工作以及它在做什么，以便我充分理解。

const testInf = `Test your skills`;
const studyInf = `Study with flashcards`;
let testParse = parseHTML `<div>${testInf}</div>`;
let studyParse = parseHTML `<div>${studyInf}</div>`;

function parseHTML(){

};

console.log(parseHTML);

Answer 1

要使用 parseHTML 将这些字符串添加到 HTML 中，只需使用 innerHTML:

const testInf = `Test your skills`;
const studyInf = `Study with flashcards`;
let testParse = `<div>${testInf}</div>`;
let studyParse = `<div>${studyInf}</div>`;

function parseHTML() {
  document.body.innerHTML += `${testParse}<br>${studyParse}`;
};

parseHTML();