[JavaScript知识库]Web前端必做笔记之一：回调地狱与Promise对象(一)

Web前端必做笔记之一：回调地狱与Promise对象(一)

<script>
    //当我们需要获取异步数据时，需要回调函数拿取
          //获取奶茶的方法
          function getTea(fn){
                 setTimeout(()=>{
                       fn("奶茶")
                 },500)

          }

          //调用获取奶茶的方法
          getTea(function(data){
              console.log(data);
          })

          //这样就可以获取奶茶
          //当我们既要喝奶茶又要吃火锅
          function getHotpot(fn){
                  setTimeout(()=>{
                     fn("火锅")
                  },800)
          }

          getHotpot(function(data){
             console.log(data);   
          })
          //这时会先拿到奶茶，再拿到火锅，奶茶时间短，而火锅时间长
          
</script>

  <script>
          //假如说我们先吃火锅，再喝奶茶，那怎么搞呢？

          getHotpot(function(data){  //吃火锅
                console.log(data); 
                getTea(function(data){  //喝奶茶
                      console.log(data)
                })
          })
         //这样就实现了先吃火锅，再和奶茶
         //而当我们喝完奶茶，又要去看电影，打游戏，再打球
         getHotpot(function(data){  //吃火锅
                console.log(data); 
                getTea(function(data){  //喝奶茶
                      console.log(data);
                    getTea(function(data){  //看电影
                      console.log(data);
                         getTea(function(data){  //打游戏
                           console.log(data);
                             getTea(function(data){  //打篮球
                                 console.log(data)
                               })
                         })
                    })
                })
          })
   
        //这样就会形成回调地狱
  </script>