jQuery中的promise的应用



通过promise 可以实现异步链式调用，如我们可以添加动画队列逐个按照顺序执行，我们还可以添加一些异步的方法逐步按照顺序执行。

下列示例中我们实现500毫秒后，调用第一个then中的callback函数，1000毫秒后调用第二个then中的callback函数

function f1(){
	var dfd=$.Deferred();
	console.log(new Date().getTime());
	setTimeout(function(){
		dfd.resolve();
		console.log('first function');
	},500);
	return dfd.promise();
}
f1().then(function(){
		console.log(new Date().getTime());
		var dfd=$.Deferred();
		setTimeout(function(){
			dfd.resolve();
			console.log('secend function');
		},500);
		return dfd.promise();
    }).then(function(){
		console.log(new Date().getTime());
	});

当我们直接执行promise的then方法的链式调用时，则可将then中的callback函数封装成数组，最后统一调用

function f1(){
	var dfd=$.Deferred();
	console.log(new Date().getTime());
	setTimeout(function(){
		dfd.resolve();
		console.log('first function');
	},500);
	return dfd.promise();
}
f1().then(function(){
		console.log(new Date().getTime());
    }).then(function(){
		console.log(new Date().getTime());
	});