JavaScrip两个函数的设置为回调

1.javascript异步编程之回调函数
function fn2(data){ alert(data) } function fn1(callback){ var data = 12+1; callback && callback(data)//data是fn1的操作结果 } fn1(fn2);

 


function fn2(total){ alert("执行完了fn1") alert(total); } function fn1(arr,callback){ var total = arr.reduce(function(a,b,index,arr){ return a + b; }) callback && callback(total)//data是fn1的操作结果 } fn1([1,2,3,4,5],fn2);

 

2.JavaScript异步编程之事件驱动

function fn1(arr){
var total = arr.reduce(function(a,b,index,arr){
return a+b;
})
fn1.trigger('done',total)
}
function fn2(total){
console.log("fn1执行完毕")
console.log(total)
}
_.extend(fn1,Backone.Events);
fn1.on('done',fn2);
fn1([1,2,3,4,5]);

  3.JavaScript异步编程之发布订阅

 

function fn1(arr){
			var total = arr.reduce(function(a,b,index,arr){
				return a+b;
			})
			fn1.publish('done',total)
		}
		function fn2(total){
			console.log("fn1执行完毕")
			console.log(total)
		}
		$.subscribe("done",fn2);
		fn1([1,2,3,4,5]);

  4.JavaScript异步编程之Promise

function fn1(arr){
	var dtd = $.Deferred();
	window.setTimeout(function(){
	var total = arr.reduce(function(a,b,index,arr){
		return a+b;
	})
	dtd.resolve(total);
},1000)
		return dtd
}
	function fn2(total){
		console.log("fn1执行完毕")
		console.log(total)
	}
	fn1([1,2,3,4,5]).then(fn2);

  

 

posted @ 2017-08-01 15:35  春风得意之时  阅读(237)  评论(0编辑  收藏  举报