JavaScript局部缓存问题求指教

Question

实例：

const dom = window.document,
      xxx = dom.xxx,
      obj = Object,
      xxx = obj.xxx,
      str = String,
      xxx = str.xxx;

以问：看到很多框架都有类似的语法，有人说是为了压缩代码体积，我想问的是就只为了体积吗？还是这样做有啥别的好处呢？另外这仅是引用何来缓存之说呢？

Answer 1

把dom.xxx放在常量xxx中，下次用的时候，从xxx中直接取就好了，都不用在去dom里面查，速度快点；下面类似

Answer 2

通过把dom.xxx放在变量中xxx，用如下两点最主要好处：

1. 如果dom.xxx是HTML Element的话，每次调用dom.xxx时有可能会触发layout，对性能有影响。或者就是需要反复从DOM中选取某元素（类似$('#something')）
2. JS中，层叠越多，性能越慢。