Promise 初体验

1.Promise初体验

<script>
        function rand(m,n){
          return Math.ceil(Math.random()*(n-m+1))+m-1;
        }
        const btn=document.querySelector('#btn');
        btn.addEventListener('click',function () {
            // setTimeout(() => {
            //     let n=rand(1,100);
            //  if (n<=30) {
            //     alert('恭喜恭喜，中奖')
            //  }else{
            //     alert('再接再厉')
            //  }
            // }, 1000);
             //Promise形式实现
             //resolve 解决  函数类型的数据
             //reject  拒绝  函数类型的数据
             const p=new Promise((resolve,reject)=>{
                setTimeout(() => {
                let n=rand(1,100);
             if (n<=30) {
               resolve(n); //将promise对象的状态设置为成功
             }else{
                reject(n);//将promise对象的状态设置为失败
             }
            }, 1000);
             })
        
        // 调用then方法
        p.then((result) => {
            alert('恭喜恭喜，中奖'+result)
        }).catch((err) => {
            alert('再接再厉'+err)
        });
    });
    </script>