性能:是初始化变量还是使用“this”？

Question

我有一个点击方法，可能会被多次使用。在这种方法中，我需要访问多次单击按钮的id。例如：

$('.elemental-selection').click(function () {
   if(currentElement !== $(this).attr('id')) {
      if($(this).attr('id') === 'element-water') {
         ...
      }
      else {
         currentElement = $(this).attr('id');
      }
    }
});

当然，对于长if块，我可以使用switch-statement，但我想知道的是，频繁使用$(this)是否会更好地被定义为$(this)的变量(以及我希望从中得到的任何方法)所替代。从此以后，我将引用变量而不是this。

那么，更好的决定是什么？谢谢。

Answer 1

当您使用$( this ).attr多倍时，这意味着jQuery必须多次执行这一选择。

最好为$(this).attr('id')创建一个变量，因为您只需要执行一次获取attr所需的方法。

还请确保对此属性ID使用局部变量。