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>
  • 相关阅读:
    渐变
    阴影
    html+css
    background用法
    语言特点
    h5c3介绍
    js的组成
    第九章 查找文件或者命令
    第八章 查看文件内容命令
    第七章 文件管理之基础命令
  • 原文地址:https://www.cnblogs.com/Essaycode/p/13379424.html
Copyright © 2011-2022 走看看