微客导航 » 文章资讯 » AngularJS中的promise用法分析

AngularJS中的promise用法分析

2024-02-23 13:04:06 142

本文实例讲述了AngularJS中的promise用法。分享给大家供大家参考，具体如下：

JavaScript异步回调有好处也有坏处，回调函数大量嵌套十分复杂．所以javascript中还有另一种异步处理模式叫promises．在AngularJS中的实现就是$q服务．

下面是一些小例子．

then,catch,finally

在链最后的catch为整个链式处理提供一个异常处理点
在链最后的finally总是会被执行，不管promise被处理或者被拒绝，起清理作用










varmyapp=angular.module('myapp',[]);
myapp.controller('myController',function($scope,$q){
$scope.send=function(){
vardeferred=$q.defer();
varpromise=deferred.promise;
promise
.then(function(){
console.log('resolve.....')
},function(){
console.log('reject.....');
},function(){
console.log('notify.....');
})
.catch(function(){
console.log('catch..error..')
})
.finally(function(){
console.log('anywherewillbecalled..');
});
deferred.reject('resolve');
};
});






click

then第三个参数(表征状态)的应用










varmyapp=angular.module('myapp',[]);
myapp.controller('myController',function($scope,dataService){
$scope.send=function(){
dataService.getData()
.then(functionsuccess(data){
console.log(data);
},functionerror(error){
console.log(error);
},functionstatus(process){
console.log(process);
});
};
});
myapp.factory('dataService',function($q,$interval){
return{
getData:function(){
vardeferred=$q.defer();
varprocess=0;
varinterval=$interval(function(){
process+=10;
deferred.notify(process);
//reject之后不再继续运行
//if(process==50){
//deferred.reject(process);
//}
if(process>=100){
$interval.cancel(interval);
deferred.resolve(process);
}
},1000);
returndeferred.promise;
}
};
});






click

then链式










varmyapp=angular.module('myapp',[]);
myapp.controller('myController',function($scope,$q){
$scope.send=function(){
vardeferred=$q.defer();
varpromise=deferred.promise;
promise
.then(function(){
console.log('1.....')
})
.then(function(){
console.log('2....');
});
deferred.resolve('resolve');
};
});






click

then链会把上一个then的返回结果传递给调用链的下一个then(如果没有就是undefined).










varmyapp=angular.module('myapp',[]);
myapp.controller('myController',function($scope,$q,$timeout){
$scope.send=function(){
vardeferred=$q.defer();
varpromise=deferred.promise;
deferred.resolve('resolve');
promise
.then(function(data){
console.log(data);
var_deferred=$q.defer();
$timeout(function(){
_deferred.resolve('resolve_');
},1000);
return_deferred.promise;
})
.then(function(data){
console.log(data);
});
};
});






click

如果then返回一个promise对象，下一个then只会在这个promise被处理结束的时候调用。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJSMVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

AngularJS中的promise用法分析

热门推荐

随机推荐