僅使用函數來引用 DOM 元素

Question

我正在從一本書中學習 JS，作者經常使用函數來引用 DOM 元素，如下所示：

const navItems = () => document.querySelectorAll("nav li");

為什么他不只是聲明一個這樣的變量：

const navItems = document.querySelectorAll("nav li");

以我迄今為止的經驗，它對代碼幾乎沒有什么影響，只是你必須使用括號來調用函數。 出於某種原因，第一個被認為是更好的風格嗎？

Answer 1

const navItems = () => document.querySelectorAll("nav li");

navItems是一個 function ，只要您想獲取元素，就可以像navItems()一樣調用它。

const navItems = document.querySelectorAll("nav li");

這里的navItems是一個變量，如果在定義后添加任何li項目，則不會返回實時計數。

Answer 2

在保持相同內容的網站中，兩者之間沒有區別。 但是，在更復雜的站點中，可能會在頁面加載后動態添加元素，第一種方法將具有更新的值，而第二種方法則不會。 如果添加新元素，第一個只會是更好的樣式。