js-异步实现

一、回调函数
需求假定有两个函数f1和f2,后者等待前者的执行结果。
代码
f1();
f2();

//如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。
function f1(callback){
    setTimeout(function () {
        // f1的任务代码
        callback();
    }, 1000);
}

//执行代码就变成下面这样:
f1(f2);
二、事件监听
代码
f1.on('done', f2); 
//上面这行代码的意思是,当f1发生done事件,就执行f2。然后,对f1进行改写: function f1(){ 
setTimeout(function () 
    { 
        // f1的任务代码 
        f1.trigger('done'); 
    }, 1000); 
}

 

 三、发布/订阅

代码
//首先,f2向"信号中心"jQuery订阅"done"信号。
jQuery.subscribe("done", f2);
//然后,f1进行如下改写:
function f1(){
  setTimeout(function () {
    // f1的任务代码
    jQuery.publish("done");
  }, 1000);
}
//向"信号中心"jQuery发布"done"信号,从而引发f2的执行。
//f2完成执行后,也可以取消订阅(unsubscribe)
jQuery.unsubscribe("done", f2);
四、Promises对象
代码
function f1(){
    var dfd = $.Deferred();
    setTimeout(function () {
        // f1的任务代码
        dfd.resolve();
    }, 500);
    return dfd.promise;
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值