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

es6 Promise 对象、.then()

时间:2020-07-26 15:12:41      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:bsp   data   失败   inf   asc   异步   get   resolve   nbsp   

<script type="text/javascript">

    let promise=new Promise((resolve,reject)=>{
        console.log(‘promise初始化状态:pending ‘); // 同步执行
        setTimeout(()=>{
            console.log(‘开启定时器,模拟异步执行‘)
            // resolve(‘异步返回,执行成功‘) // 状态改成fulfilled
            reject(‘异步返回,执行失败‘) // 状态改成rejected
        },1000)
    });

    promise
        .then((data)=>{   // 第一个回调  成功resolve
            console.log(‘resolve‘)
            console.log(data)
        },(data)=>{  // 第二个回调  成功reject
            console.log(‘reject‘)
            console.log(data)
        })

    console.log(‘代码继续执行‘)

</script>
<script type="text/javascript">
 
     let promise=new Promise((resolve,reject)=>{
        console.log(‘promise初始化状态:pending ‘); // 同步执行
        $.get(‘./data.json‘,{},function(result){
            console.log(‘ajax异步操作‘);
            if(result.ret){
                console.log(‘执行OK‘)
                resolve(result.data);
            }else{
                console.log(‘执行失败‘)
                reject(result.data)
            }
        },‘json‘);
    });

    promise
        .then((data)=>{   // 第一个回调  成功resolve
            console.log(‘resolve‘)
            console.log(data)
        },(data)=>{  // 第二个回调  成功reject
            console.log(‘reject‘)
            console.log(data.errorInfo)
        })

    console.log(‘代码继续执行‘)
</script>

 

es6 Promise 对象、.then()

标签:bsp   data   失败   inf   asc   异步   get   resolve   nbsp   

原文地址:https://www.cnblogs.com/Essaycode/p/13379424.html

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