zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    [BZOJ 4710] 分特产
    洛谷 P4827 [国家集训队] Crash 的文明世界
    Test 7.12 T2
    [洛谷 P1377] TJOI2011 树的序
    [洛谷 P1013] NOIP1998 提高组 进制位
    ajax2
    Ajax
    javascript下兼容都有哪些
    获取类名 封装 getStyle
    作用域
  • 原文地址:https://www.cnblogs.com/Essaycode/p/13379424.html
Copyright © 2011-2022 走看看