浅谈jQuery的promise

2018-06-24 01:07:11来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

jquery中的Promise,也就是我们所知道的Deferred对象。

举例1:

var data="";

function runAsync(){

  var def = $.Deferred();
  //做一些异步操作
  setTimeout(function(){
    console.log('执行完成');
    data='随便什么数据'
    def.resolve(data);
  }, 0);
  //可以在外部改变状态
  return def; //返回的deferred对象
}

console.log(data)//打印的是空字符串;

runAsync().then(function(data){
  console.log(data);//打印'随便什么数据'
});

这是我们就可以在ajax请求拿到数据的后,执行我们的方法,不用在ajax成功回调的里面写繁琐的代码。此方法不好的地方在于,外部可以改变状态(弊端),看例二。

举例2:

var data="";

function runAsync(){

  var def = $.Deferred();
  //做一些异步操作
  setTimeout(function(){
    console.log('执行完成');
    data='随便什么数据'
    def.resolve(data);
  }, 0);
  //可以在外部改变状态
  return def; //返回的deferred对象
}

console.log(data)//打印:空字符串;

var def=runAsync();

 def.then(function(data){
  console.log(data);//不打印了!!!
});

def.resolve("我提前结束啦,不等数据啦")//打印:我提前结束啦,不等数据啦。(手动改变状态了)

但是我们不想在外部串改状态,return def 换成 def.promise(),会保证状态不被提前更改。更加详细的内容请点击:https://www.cnblogs.com/lvdabao。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Vue webpack配置文件

下一篇:ABP前端使用阿里云angular2 UI框架NG-ZORRO分享