javascript - `window.innerHeight` 是一个计算值吗？

Question

背景

我正在尝试优化我的 JavaScript，减少对 DOM 的调用并使用更少的计算值。

问题

使用值window.innerHeight时，该值是每次计算还是来自初始计算？

示例

是这个吗

let windowInnerHeight = window.innerHeight;
for (let value of values) {
  console.log(windowInnerHeight);
}

性能比这更好

for (let value of values) {
  console.log(window.innerHeight);
}

Answer 1

依赖window.innerHeight通常是不好的做法。例如，如今，您想要用它做的任何事情通常都可以通过媒体查询或其他 CSS 更好地完成。如果必须使用 window.innerHeight，请在必要时仅使用一次，因为它会触发潜在昂贵的回流。请参阅https://gist.github.com/paulirish/5d52fb081b3570c81e3a .