使用promise的时候会将函数的状态暂停/凝固

    1.使用new 关键字实现promise
    2.promise有两种状态resolve,reject
    3.promise函数不会马上触发,要通过一个then函数去触发
    4.then触发的是resolve的状态,catch触发失败的状态

    • resolve —>成功
    • reject —>失败

    5.使用promise之后将http请求由纵向的变为横向的了
    6.ajax就是一个promise

    1. <script>
    2.     /* 使用promise之后将http请求由纵向的变为横向的了 */
    3.     http("top/playlist?cat=华语").then(res=>{
    4.         let id = res.playlists[0].id;
    5.         return id
    6.     }).then(res=>{
    7.         http(`playlist/detail?id=${res}`).then(res=>{
    8.             let id  = res.playlist.trackIds[0].id;
    9.             return id
    10.         }).then(res=>{
    11.             http(`song/url?id=${res}`).then(res=>{
    12.                 console.log(res)
    13.             })
    14.         })
    15.     })
    16. </script>
    18. <script>
    19.     function go(){
    20.         return new Promise((resolve,reject)=>{
    21.             resolve(1);
    22.             reject(2)
    23.         })
    24.     }
    25.     go().then(res=>{
    26.         console.log(res)
    27.     }).catch(err=>{
    28.         console.log(err)
    29.     })
    30. </script>
    32. <script>
    33.     function http(){
    34.         return new Promise((resolve,reject)=>{
    35.             $.ajax({
    36.                 url:"https://music.aityp.com/top/playlist?cat=华语",
    37.                 type:"get",
    38.                 success:res=>{
    39.                     resolve(res)
    40.                 },
    41.                 error:err=>{
    42.                     reject(err)
    43.                 }
    44.             })
    45.         })
    46.     }
    47.     http().then(res=>{
    48.         console.log(res.playists)
    49.     })
    50. </script>