使用條件與省略時的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

話雖如此，這不太可能成為您應用程序的瓶頸。 因此，我建議您編寫對您來說更自然的代碼， 如果發現它太慢，請開始進行這些微優化。 大多數時候，這都沒有關系。