es6 Promise 对象、.then()

<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>

 

posted @ 2020-07-26 10:02  爱跑步的乌龟  阅读(295)  评论(0编辑  收藏  举报