angular中的$q服务

时间:2024-12-26 08:05:01

$q的一共有四个api:

1.$q.when(value, successFn, errorFn, progressFn),返回值为一个promise对象

--value可以是一个任意数据,也可以是一个promise对象:

如果是任意数据的情况,则直接调用successFn的函数,所以后两个参数没有写的意义。
var a=$q.when(“something”,function(data){ console.log(data) //something
  return data;
})
a.then(function(data){
console.log(data) //something这里的值取决于successFn的返回值,如果没有返回值,则这个值为undefined
})
 如果是promise的情况
var a=$q.when("apple"); //a是一个promise对象
$q.when(a,function(data){
console.log(data) //apple 这个值跟a这个promise对象的then方法中successFn,errorFn,processFn的入参一一对应
})

2,$q.reject(reason),返回值为一个promise对象

 var a=$q.reject("no happy")  //a为一个promise 对象
a.then(function(data){
console.log(data) //根本无任何意义
},function(data){
console.log(data) // no happy
})
因为reject 只会触发errorFn这个函数,所以以上方法也可以这么写:
var a=$q.reject("no happy") //a为一个promise 对象
a.catch(function(data){
console.log(data) //no happy
})
备注:如果传入的不是"no happy",而是一个promise对象,那么
a.catch(function(data){
console.log(data) //data为a
a.catch(function(data){
console.log(data) // no happy
})
})

备注:$q.reject跟$q.when对比,返回的promise对象的then方法中被触发函数的入参,前者取决于$q.reject(value)的value,后者取决于$q.when()的第二三四个参数(函数)的返回值。

3.$q.all([promise1, promise1]) 接受一个包含若干个 promise 的数组,返回一个promise对象,返回的promise的progressFn并没有用;

等所有的promise resolve后,其本身resolve包含上述结果的数组[data1,data2]

var a=$q.when("hello");
var b=$q.when("world");
$q.all([a,b]).then(function(data){
console.log(data) //["hello","world"]
})

如果上述 promise 有一个 reject, 那么$q.all() 会把这个 rejected promise 作为其 rejected promise (只有一个哦)

var a=$q.when(“hello”);
var b=$q.reject("world");
$q.all([a,b]).then(function(data){
console.log(data) //没有任何意义
},function(data){
console.log(data) //world
})

4.$q.deffer()  返回一个deferred对象。

这个用的比较普遍,不多说了