javascript - join ("") 在只有一个元素的字符串数组上调用。目的？

Question

我在视频教程中看到过这段代码:

const navToggle = ["<div id='toggle-menu'>Menu</div>"].join("");
$(".site-header").prepend(navToggle);

我明白它的基本作用。但我没有得到的是联合调用。

加入这里的目的是什么？

不会...

const navToggle = "<div id='toggle-menu'>Menu</div>";
$(".site-header").prepend(navToggle);

……一样吗？

Answer 1

What's the purpose of join here?

在那个例子中？没有任何。正如您所说，您最好:

const navToggle = "<div id='toggle-menu'>Menu</div";

在一般情况下，如果我们假设代码可能会向数组添加更多元素，然后稍后执行join，它是构建大型 HTML 字符串的一种方法:

const navToggle = ["<div id='toggle-menu'>Menu</div"];
if (someCondition) {
    navToggle.push("<div>something</div>");
}
if (someOtherCondition) {
    navToggle.push("<div>another thing</div>");
}
const str = navToggle.join("");

结果是 str 是来自元素的 HTML 片段，它们之间没有任何内容(join 的默认设置是在它们之间放置一个逗号，但是传入 "" 会覆盖它)。 (这过去比在某些 JavaScript 引擎上使用字符串连接更快。现在已经不多了，无论如何，构建这个字符串不太可能成为性能瓶颈。)

但是在您显示的代码中？这根本没有任何意义，不。