функция обратного вызова javascript и параметры [дубликаты]
3 ответа
Используйте закрытие и функцию на заводе:
function generateSuccess (var1,var2) {
return function (res) {
// use res, var1 and var2 in here
}
}
xx.Remove(1,generateSuccess(val1,val2));
Здесь передается не функция createSuccess, а анонимная функция, возвращаемая функцией createSuccess, которая выглядит как обратный вызов, ожидаемый функцией Remove. val1 и val2 передаются в generateSuccess и захватываются закрытием в возвращаемой анонимной функции.
Для большей ясности, вот что происходит:
function generateSuccess (var1,var2) {
return function (res) {
// use res, var1 and var2 in here
}
}
var success = generateSuccess(val1,val2);
xx.Remove(1,success);
Или если вы предпочитаете делать это в строке:
xx.Remove(1,(function(var1,var2) {
return function (res) {
// this is your success function
}
})(val1,val2));
не так читабельно, как читается, а избавляет вас от необходимости называть заводскую функцию. Если вы не делаете это в цикле, то решение Xinus также было бы отличным и более простым, чем моя встроенная версия. Но учтите, что в цикле вам нужен механизм двойного закрытия, чтобы отключить переменную, переданную в функцию обратного вызова, от переменной в текущей области видимости.
.Можно передать его как указатель анонимной функции
xx.Remove(1,function(){
//function call will go here
success(res,val1, val2);
});
один из способов сделать это:
function AjaxService {
var args_to_cb = [];
this.Remove = function (id, call_back, args_to_callback_as_array) {
if( args_to_callback_as_array!=undefined )
args_to_cb = args_to_callback_as_array;
else
args_to_cb = [];
myWebService.Remove(id, CallBack)
}
function CallBack(res) {
setTimeout( function(){ call_back(res, args_to_cb); }, 0 );
}
}
Так что вы можете использовать его следующим образом:
var service = new AjaxService();
service.Remove(1,success, [22,33]);
function success(res,val1, val2)
{
alert("result = "+res);
alert("values are "+val1+" and "+val2);
}
Обычно я выполняю обратный вызов, используя setTimeout. Таким образом, ваш обратный вызов будет выполнен, когда у вас будет на это время. Ваш код будет продолжать выполнение тем временем, например:
var service = new AjaxService();
service.remove(1, function(){ alert('done'); }); // alert#1
alert('called service.remove'); // alert#2
Ваш обратный вызов будет выполнен после alert#2.
Конечно, в случае с вашим приложением, это произойдет так автоматически, так как сам обратный вызов ajax асинхронный. Так что в вашем приложении лучше этого не делать.
Cheers!
млрх