Promise

promise是構造函數(shù)

   setInterval(() => {
            const n = Math.random()
            new Promise((resolve,reject) => {
                if (n < 0.5) {
                    resolve(n)
                } else {
                    reject('cuowule')
                }
            }).then( (data) => {
                console.log(data)
            }).catch( mes => {
                console.log(mes)
            })
            
        }, 3000);

promise封裝

function request1 (url,cb) {
    return new Promise((resolve, reject) => {
        var xml = new XMLHttpRequest()
        xml.addEventListener('load', function () {
            resolve(this.responseText)
        })
        xml.open('get', url)
        xml.send()
    })
}

  request1('http://jsonplaceholder.typicode.com/posts').then(function (data) {
      console.log(data)
  })
  • async await
    await就是等待,等待await后面的函數(shù)執(zhí)行完畢,異步函數(shù)內部再往下執(zhí)行
function request1 (url) {
    return new Promise((resolve, reject) => {
        var xml = new XMLHttpRequest()
        xml.addEventListener('load', function () {
            resolve(this.responseText)
        })
        xml.open('get', url)
        xml.send()
    })
}

  async function getData () {
      const a = await request1('http://jsonplaceholder.typicode.com/posts')
      console.log(a,111)
      const b = await request1('http://jsonplaceholder.typicode.com/posts')
      console.log(b, 222)
      const c = await request1('http://jsonplaceholder.typicode.com/posts')
      console.log(c, 333)
  }
  getData()
// 111 222 333
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容