jQuery的「可重複使用的」功能

Question

愚蠢的問題，我認爲，但有使用方式的「如果」語句作爲可重複使用的功能

success: function(msg){ 
    if(msg=='o'){ 
     $j('#ok').show(); 
     $j(button).show(); 
     $j('#chk').hide(); 
     } 
    else{ 
     $j('#ok').hide(); 
     $j('#chk').show(); 
     $j(button).hide(); 
     } 

    } 

我有很多的時候，我想打電話給它，我寧可有一個「更小」的重量。

Answer 1

這種技術採用「封閉」，以產生一個函數，以提供作爲成功方法：

function doStuffGenerator(button){ 
    return function(msg){ 
    if(msg=='o'){ 
     $j('#ok').show(); 
     $j(button).show(); 
     $j('#chk').hide(); 
    } 
    else{ 
     $j('#ok').hide(); 
     $j('#chk').show(); 
     $j(button).hide(); 
    } 
    }; 
} 

... 
jQuery.ajax({ 
    ... 
    success: doStuffGenerator(button) 
    ... 
}); 

Answer 2

success: function(msg){ 
    doStuff(msg); 

    } 

function doStuff() 
{ 
    if(msg=='o'){ 
     $j('#ok').show(); 
     $j(button).show(); 
     $j('#chk').hide(); 
    } 
    else{ 
     $j('#ok').hide(); 
     $j('#chk').show(); 
     $j(button).hide(); 
    } 
} 

Answer 3

當然。根本不傻。

success: function(msg){ 
    checkMsg(msg); 
} 

... 

function checkMsg(msg) { 
    if(msg=='o'){ 
     $j('#ok').show(); 
     $j(button).show(); 
     $j('#chk').hide(); 
    } else { 
     $j('#ok').hide(); 
     $j('#chk').show(); 
     $j(button).hide(); 
    } 
} 

我假定button是已在success:回調的範圍之外創建的變量。

Answer 4

另一種方式來寫在jQuery函數是這樣的：

var myFxn = function(param){ 
    // do function stuff here 
} 

var myOtherFxn = function(param){ 
    // do function stuff here 
} 

所以在代碼：

if(msg=='o'){ 
    myFxn(); 
} else { 
    myOtherFxn(); 
}