`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

选项1，因为window.innerHeight将获取窗口的当前高度（更新值）。因此，每当您在编写“window.innerHeight”时获得最新值。

Answer 2

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