访问多个对象变量的最佳实践

Question

我四处寻找这样的问题，但我似乎找不到一个。

我是JS的新手，我还没有“完善”我的编码实践。

话虽如此，我一直无法确定在访问对象属性的多个（甚至只是几个）时创建引用（？）变量的必要性。

我的意思是一个非常常见的例子，当我想调整一个元素（它的宽度和高度）时。一方面，我认为做这样的事情会更友好/更干净：

var style=this.style;
style.width=newWidth;
style.height=newHeight;

但是，在较长的代码示例中，这相当繁琐，所以我很想这样做：

this.style.width=newWidth;
this.style.height=newHeight;

显然，如果你不是多次迭代它，那么无论如何它都不会产生太大的影响。但是，如果你 这样做，在你只想得到一些变量的情况下，无论如何都是一个大问题？

另一个例子：假设我有这个脚本：

for(var i=0;i<1000;i++){
  //lots of code
  element[i].font=obj.style.font;
}

这样做会产生相同的结果：

var font=obj.style.font;
for(var i=0;i<1000;i++){
  var e=element[i];
  //lots of code
  e.font=font;
}

将其更改为会导致显着的性能提升，还是不值得打扰？

就此而言，我是否会忽视一个正常，更清洁的选择？