Promise的使用

admin
2021-03-13
67

Promise

<script>

let aaa=new Promise(function(resoleve,reject){

console.log("我是Promise,代号aaa");

setTimeout(function(){

// 成功调用

resoleve();

// 失败调用

// reject();

},1000);

});

let bbb=new Promise(function(resoleve,reject){

console.log("我是Promise,代号bbb");

setTimeout(function(){

// 成功调用

// resoleve();

// 失败调用

reject();

},1000);

});

// Promise实例1

aaa.then(function(){

console.log('成功回调');

},function(){

console.log('失败回调');

})

// Promise实例2

aaa.then(function(){

console.log('成功回调2');

}).catch(function(){

console.log('失败回调2');

}).finally(function(){

console.log('都会执行');

})

// Promise实例3

// 注意aaa和bbb都调用成功,才会调用这里的成功,否则会调用失败

Promise.all([aaa,bbb]).then(function(){

console.log('all方法调用成功');

}).catch(function(){

console.log('all方法调用失败');

})

// // Promise

// function ajax(url){

// return new Promise(function(resoleve,reject){

// $.post("链接",{"参数"},function(data){

// })

// })

// }

// ajax("链接").then(function(){

// // 多级调用

// ajax("链接").then();

// }).catch(function(){

// })

</script>