Promise

Es6-Promise

 1.  测试浏览器是否支持Promise(承诺)

'use strict';  //严格模式

new Promise(() => {console.log("该浏览器支持Promise")};

2  .Promise的三种状态,一旦执行就无法停止,成功或失败。then中第一个参数是resolve,第二个是reject。

 运行中(Pendding)  成功 (Resolve/Fulfilled)   失败(Reject)

3.Promise的优点,支持链式写法,改写了异步请求,优化了代码的可读性,和可维护性。

demo1:

  <script>
 
     new Promise((resolve, reject) => {
        console.log('初始化');
        resolve();
    })
    .then(() => {
        console.log("自加一");
    })
   .catch(() => {
        console.log("不能加一")
    })

    </script>
 
demo2:
 
    <script>
        let pms = new Promise((resovle,reject) => {
                console.log("执行了");
            setTimeout(() => {
                console.log("成功的回调函数")
                resovle("数据");
            },2000);
        })
    </script>
 
demo3:
 
  <script>
      let pro = () => {
        return new Promise((resovle,reject) => {
                console.log("执行了");
            setTimeout(() => {
                console.log("成功的回调函数")
                resovle("相当于data");
            },2000);
        })
      }
 
      pro().then(data =>{
          console.log("data数据");
      })
      
      .catch(error => {
          console.log("错误的数据")
      })
    </script>

 

posted @ 2021-01-28 23:37  自加一  阅读(155)  评论(0)    收藏  举报