码迷,mamicode.com
首页 > 其他好文 > 详细

es6 promise

时间:2017-09-18 18:53:45      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:span   blog   异步操作   cti   跳转   异步任务   操作   ret   作用   

promise作用: 用来控制异步执行代码的执行顺序
如: 登录执行后跳转到登录页面

promise定义:

var p = new Promise(function(resolve, reject){
    //做一些异步操作
    setTimeout(function(){
        console.log(‘执行完成‘);
        resolve(‘随便什么数据‘);
    }, 2000);
});

Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。


resolve函数的参数代表传递给下一个promise对象的数据

promise 用法

function runAsync1(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log(‘异步任务1执行完成‘);
            resolve(‘随便什么数据1‘);
        }, 1000);
    });
    return p;
}
function runAsync2(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log(‘异步任务2执行完成‘);
            resolve(‘随便什么数据2‘);
        }, 2000);
    });
    return p;
}
function runAsync3(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log(‘异步任务3执行完成‘);
            resolve(‘随便什么数据3‘);
        }, 2000);
    });
    return p;
}

runAsync1()
    .then(function(data){
        console.log(‘--------‘+data);
        return runAsync2();
    })
    .then(function(data){
        console.log(data);
        return runAsync3();
    })
    .then(function(data){
        console.log(data);
    });

 

es6 promise

标签:span   blog   异步操作   cti   跳转   异步任务   操作   ret   作用   

原文地址:http://www.cnblogs.com/wdx330616/p/7544549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!