5.Promise

• Promise是一种异步操作的解决方案，将写法复杂的传统的回调函数和监听事件的异步操作，用同步代码的形式表达出来。

• 避免了多级异步操作的回调函数嵌套。

• promise本质：为了解决回调地狱问题

一、状态

<!--  promise 会将函数的状态暂停(凝聚，冻结)
      resolve  -- 处理成功的情况
      reject -- 处理失败的情况
      promise不会直接触发,它会通过(then,catch)才会触发
  -->
  <!-- 
    1.触发promise的resolve状态,可以then函数去触发
    2.触发reject状态,通过catch函数去触发
  -->
    <script>
        var p = new Promise((resolve,reject)=>{
            //resolve(1)
            reject(2)
        })
        p.then(res=>{
            console.log(res);
        }).catch(err=>{
            console.log(err);
        })
    </script>

二、例子 — Promise-Ajax

function http() {
    return new Promise((resolve,reject)=>{
        $.ajax({
            url:"http://192.168.4.18:3000/top/playlist/?cat=华语",
            type:"get",
            success:res=>{
                resolve(res)
            },
            error:err=>{
                reject(err)
            }
        })
    })
}
<script>
      http("top/playlist/?cat=华语").then(res=>{
      let id = res.playlists[0].id
      return id
    }).then(res=>{
      let id = res
      http(`playlist/detail?id=${id}`).then(res=>{
        var {name,id} = res.playlist.tracks[0]
        console.log(id);
      })
    })
</script>