js儘量減少程式碼重複執行的次數

antzone發表於2017-03-14

為了提高程式碼的執行效果,我們要儘量避免一些不必要的重複,當然有些是無法避免的,下面就介紹幾個需要注意的地方,希望能夠對需要的朋友帶來一定的幫助。

一.避免重複獲取元素:

獲取元素是一件消耗資源的工作,所以要儘量減少獲取元素的次數,例如:

[JavaScript] 純文字檢視 複製程式碼
$(".class").addClass("hide");
//code
$(".class").removeClass("hide");

以上程式碼兩次獲取class屬性值為class的元素集合,其實我們可以寫的更為優化一些,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var divobj=$(".class") 
divobj.addClass("hide");
//code
divobj.removeClass("hide");

二.避免重複的條件判斷:

[JavaScript] 純文字檢視 複製程式碼
var func=function(){ 
  if(條件){
    //code 
  } 
  else{ 
    //code
  } 
}

上面的程式碼形式一定不會陌生,但是並不是最好的程式碼,因為可能會出現條件重複計算。

程式碼修改如下:

[JavaScript] 純文字檢視 複製程式碼
var func=條件? function(){ 
  //code
} :function(){ 
  //code
}

以上程式碼只有一個條件,並且返回值就是我們需要的函式,效率要有所提高。

相關文章