javascript - 为什么这个 window.innerheight 的性能这么差？

Question

我正在测试我的一个 friend 注意到的一个测试用例。他在循环中使用 window.innerheight，fps 出现了非常显着的下降。

这是我创建的用于测试它的 jsperf 的链接 http://jsperf.com/innerheight

我能想到的唯一解释是这是一个 getter，并在每次调用时计算实际高度。是对的吗？我可以在其中验证这一点的任何文档？

Answer 1

这个问题是几年前发布的，但以防万一其他人在这里遇到类似的结果。

从这里blog :

The problem is WebKit likes to recalculate the layout of the dom pretty much every single time you use something similar to getBoundingClientRect. (Even getting the window.innerHeight/innerWidth will force a recalculation) ... All calls to get any calculated dimension from the DOM should be cached or avoided.

在初始化和每次调整大小时缓存一次窗口尺寸对我来说显着提高了性能。