如何在jQuery 1.8.x中链接一系列延迟函数？
如何在jQuery 1.8.x中链接一系列延迟函数？
提问于 2012-12-01 02:48:40
给定以下函数：
function func1() {
var dfd = $.Deferred();
setTimeout(function() {
dfd.resolve('Password');
}, 1000);
return dfd.promise();
}
function func2(message) {
var dfd = $.Deferred();
setTimeout(function() {
if (message == 'Password') {
dfd.resolve('Hello World');
}
}, 1000);
return dfd.promise();
}我想找到一种更好的方法来做下面的事情。注意，这使用的是jQuery 1.8.x。
var promise = func1();
promise.done(function(message1) {
var promise2 = func2(message1);
promise2.done(function(message2) {
alert(message2);
});
});有什么想法吗？我以为使用jQuery #管道或者#就可以了，但是我搞不清楚。这里有一个小把戏可以玩玩：http://jsfiddle.net/Z7prn/
回答 1
Stack Overflow用户
发布于 2014-06-04 23:26:21
我有一个类似的用例，所以我认为这应该会对你有所帮助。
下面的方法将获取一个方法数组(可能返回Promise，也可能不返回Promise)，并按顺序执行它们，等待每个延迟完成后再继续。默认行为是在失败时停止；第二个参数允许您在调用失败与否的情况下继续。
完成/失败处理程序签名是(Array)函数(Array)，其中上下文是每个resolveWith/rejectWith调用的上下文，或者所讨论的延迟调用，而arguments是在解决/拒绝中传递的参数集。
(function ($) {
"use strict";
var copy = function (a) {
return Array.prototype.slice.call(a);
};
/**
Handle a sequence of methods, stopping on failure by default
@param Array<Function> chain List of methods to execute. Non-deferred return values will be treated as successful deferreds.
@param Boolean continueOnFailure Continue executing even if one of the returned deferreds fails.
@returns Deferred
*/
$.sequence = function (chain, continueOnFailure) {
var handleStep, handleResult,
steps = copy(chain),
def = new $.Deferred(),
defs = [],
results = [];
handleStep = function () {
if (!steps.length) {
def.resolveWith(defs, [ results ]);
return;
}
var step = steps.shift(),
result = step();
handleResult(
$.when(result).always(function () {
defs.push(this);
}).done(function () {
results.push({ resolved: copy(arguments) });
}).fail(function () {
results.push({ rejected: copy(arguments) });
})
);
};
handleResult = continueOnFailure ?
function (result) {
result.always(function () {
handleStep();
});
} :
function (result) {
result.done(handleStep)
.fail(function () {
def.rejectWith(defs, [ results ]);
});
};
handleStep();
return def.promise();
};
}(this.jQuery));一个简单的用法示例：http://jsfiddle.net/rG9rA/
function func1() {
var dfd = $.Deferred();
setTimeout(function() {
dfd.resolve('Password');
}, 1000);
return dfd.promise();
}
function func2(message) {
var dfd = $.Deferred();
setTimeout(function() {
if (message == 'Password') {
dfd.resolve('Hello World');
}
}, 1000);
return dfd.promise();
}
$.sequence([func1, func2, function () { alert('done'); }]);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13651243
复制相关文章
相似问题