Question

如何通過JQuery的setTimeout調用帶參數的函數？

這個「作品」，但功能是直接調用：

var successFunc = function(data, textStatus_ignored, jqXHR_ignored) { 
    alert("sf data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 
    $('#toggle_color_like_cell_' + color_id).html(data); 
}; 
var successFuncWithTimeout = function(data, textStatus_ignored, jqXHR_ignored) { 
    //alert("sfwt data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 

    setTimeout(successFunc(data, textStatus_ignored, jqXHR_ignored), 2000); 
} 

此等待兩秒鐘，但根據警報，所有的參數都undefined：

var successFuncWithTimeout = function(data, textStatus_ignored, jqXHR_ignored) { 
    //alert("sfwt data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 

    setTimeout(function(data, textStatus_ignored, jqXHR_ignored) { 
     alert("sf data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 
     $('#toggle_color_like_cell_' + color_id).html(data); 
    }, 2000); 
} 

Answer 1

參數不要不需要將傳遞給匿名函數，因爲它們已經在範圍之內。 （感謝this answer在Stack Overflow）

var successFunc = function(data, textStatus_ignored, jqXHR_ignored) { 
    alert("sf data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 
    $('#toggle_color_like_cell_' + color_id).html(data); 
}; 
var successFuncWithTimeout = function(data, textStatus_ignored, jqXHR_ignored) { 
    //alert("sfwt data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 

    setTimeout(function() { 
     successFunc(data, textStatus_ignored, jqXHR_ignored); 
    }, 2000); 
} 

使用相同的概念，這也適用：

var successFuncWithTimeout = function(data, textStatus_ignored, jqXHR_ignored) { 
    //alert("sfwt data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 

    setTimeout(function() { 
     alert("sf data='" + data + "', textStatus_ignored='" + textStatus_ignored + "', jqXHR_ignored='" + jqXHR_ignored + "', color_id='" + color_id + "'"); 
     $('#toggle_color_like_cell_' + color_id).html(data); 
    }, 2000); 
}