使用条件与省略时的jQuery / JavaScript效率比较

Question

问题描述：

假设我想使用jQuery.hide()隐藏元素。 在此示例中，无论何时单击构造函数，我都想隐藏#some_div 。 因此，我应该检查一下它是否可见，还是应该完全忽略该条件？

例：

$('#button').click(function() {
  if ($('#some_div').is(':visible')) {
    $('#some_div').hide();
  }
}

...与...

$('#button').click(function() {
    $('#some_div').hide();
}

好像折腾了。 如果DIV仅显示一半的时间，则它不需要隐藏一半的时间。 再一次，另一半时间将需要在条件中执行比较并将其隐藏。

那么哪种更好的做法呢？ 哪个更有效/更快地执行？

Answer 1

似乎只是隐藏比先进行测试要快： http ： //jsperf.com/testing-visibility-vs-just-hiding

话虽如此，这不太可能成为您应用程序的瓶颈。 因此，我建议您编写对您来说更自然的代码， 如果发现它太慢，请开始进行这些微优化。 大多数时候，这都没有关系。