{"id":215,"date":"2021-02-10T11:30:27","date_gmt":"2021-02-10T03:30:27","guid":{"rendered":"http:\/\/gjweb.top\/?p=215"},"modified":"2021-02-10T11:30:28","modified_gmt":"2021-02-10T03:30:28","slug":"async-await-%e5%85%a8%e8%a7%a3","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=215","title":{"rendered":"async await \u5168\u89e3"},"content":{"rendered":"\n
  1. promise\u7684API<\/li>
  2. promise\u7684\u4f7f\u7528\u573a\u666f<\/li>
  3. async\/await<\/li><\/ol>\n\n\n\n

    promise\u7684API<\/h2>\n\n\n\n

    \u5e38\u89c4\u7528\u6cd5<\/h3>\n\n\n\n
        let text = new Promise((resolve,reject)=>{
            resolve(\"\u6210\u529f\u65f6\u8fd4\u56de\")
            reject(\"\u5931\u8d25\u65f6\u8fd4\u56de\")
        })<\/pre>\n\n\n\n
    Promise.resolve(resolve)<\/h3>\n\n\n\n
    \u5236\u9020\u4e00\u4e2a\u6210\u529f(\u6216\u5931\u8d25)<\/p>\n\n\n\n
    Promise.reject(reject)<\/h3>\n\n\n\n
    \u5236\u9020\u4e00\u4e2a\u5931\u8d25<\/p>\n\n\n\n
    promise.all(\u6570\u7ec4)<\/h3>\n\n\n\n
    \u7b49\u5f85\u5168\u90e8\u6210\u529f,\u6216\u8005\u6709\u4e00\u4e2a\u5931\u8d25<\/p>\n\n\n\n
    promise.race(\u6570\u7ec4)<\/h3>\n\n\n\n
    \u7b49\u5f85\u7b2c\u51e0\u4e2a\u72b6\u6001\u6539\u53d8<\/p>\n\n\n\n
    promise.allSettled(\u6570\u7ec4)<\/h3>\n\n\n\n
    \u7b49\u5f85\u5168\u90e8\u72b6\u6001\u6539\u53d8,\u76ee\u524d\u5904\u4e8estage-4(\u5e76\u672a\u89c4\u8303) \u624b\u5199allSettled<\/p>\n\n\n\n
        let ppromise1 =()=>{return  new Promise((resolve,reject)=>{
            setTimeout(()=>{reject(\"\u7b2c\u4e00\u6247\u95e8\u5173\u4e86\")},3000)
        })}
    \u200b
        let ppromise2 =()=>{ return new Promise((resolve,reject)=>{
            setTimeout(()=>{reject(\"\u7b2c\u4e8c\u6247\u95e8\u5173\u4e86\")},4000)
        })}
    \u200b
        let ppromise3 =()=>{ return new Promise((resolve,reject)=>{
            setTimeout(()=>{resolve(\"\u7b2c\u4e09\u6247\u95e8\u5f00\u4e86\")},5000)
        })}
    \u200b
        \/\/ Promise.all([ppromise1(),ppromise2(),ppromise3()]).then(null,(reason)=>{console.log(reason)}) \/\/\u8fd4\u56de\u5931\u8d25\u7684\u5bf9\u8c61\u4f1a\u7ec8\u6b62
        \/\/\u5197\u4f59\u7684\u4ee3\u7801
        \/\/ Promise.all([ppromise1().then(()=>({status:'ok'}),()=>({status:\"not ok\"})),
        \/\/ ppromise2().then(()=>({status:'ok'}),()=>({status:\"not ok\"})),
        \/\/ ppromise3().then(()=>({status:'ok'}),()=>({status:\"not ok\"}))]).then((result)=>{console.log(result)})
        \/\/ console.log(\"12.\")
        \/\/\u4e0a\u9762\u7684\u4f18\u5316
        let x = (paomise)=>{return paomise.then(()=>({status:'ok'}),()=>({status:\"not ok\"}))};
        Promise.all([x(ppromise1()),x(ppromise2()),x(ppromise3())]).then((reason)=>{console.log(reason)})<\/pre>\n\n\n\n
    promise\u7684\u4f7f\u7528\u573a\u666f<\/h2>\n\n\n\n
    1. \u591a\u6b21\u5904\u7406\u4e00\u4e2a\u7ed3\u679c\u65f6<\/li>
    2. \u4e32\u884c
      1. \u628a\u4efb\u52a1\u653e\u8fdb\u961f\u5217\u4e2d,\u5b8c\u6210\u4e00\u4e2a\u5728\u505a\u4e0b\u4e00\u4e2a<\/li><\/ol><\/li>
      2. \u5e76\u884c
        1. Promise.all([p1,p2])<\/li>
        2. promise.allSettled<\/li>
        3. \u624b\u5199allSettled<\/li><\/ol><\/li><\/ol>\n\n\n\n
          async\/await<\/h2>\n\n\n\n
          \u57fa\u672c\u7528\u6cd5<\/p>\n\n\n\n
              const fn = async ()=>{
                  const temp = await makePromise()
                  return temp + 1
              }<\/pre>\n\n\n\n
          await \u9519\u8bef\u5904\u7406<\/p>\n\n\n\n
              const response = await axios.get('.\/xxx').then(null,errorHandler)
              console.log(response)<\/pre>\n\n\n\n
          await\u7684\u4f20\u67d3\u6027<\/p>\n\n\n\n
              console.log(1)
              await console.log(2)
              console.log(3)<\/pre>\n\n\n\n
          \u6b64\u65f6\u7684consoel.log(3)\u53d8\u6210\u4e86\u5f02\u6b65\u4efb\u52a1<\/p>\n\n\n\n
          await\u7684\u5929\u7136\u4e32\u884c,\u5728for\u91cc\u9762\u662f\u4e32\u884c;\u5728froEach\u91cc\u9762\u662f\u5e76\u884c<\/p>\n","protected":false},"excerpt":{"rendered":"
          promise\u7684API promise\u7684\u4f7f\u7528\u573a\u666f async\/await promise\u7684API \u5e38\u89c4\u7528\u6cd5 & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=215"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/215\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}