Vanilla JS - 使用 const 代替 getElementById 等是否高效？

Question

我知道在 jQuery 中，最好的做法是将选择器分配给变量，以防止重复遍历 DOM。

在 vanilla JS 中也是这种情况，还是声明常量的额外行只是不必要地占用空间？

jQuery 版本：

var elem = $('#elem');

等价于 Vanilla JS

const elem = document.getElementById('elem');

Answer 1

简短回答：yesgetElementById是一个函数，每次调用它的时候，它都会遍历DOM树去寻找那个元素。您实际上是通过将这些结果存储在变量中来缓存这些结果。