JavaScript Promise怎么用

今天小編給大家分享一下JavaScript Promise怎么用的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

JavaScript Promise 實例

使用回調的例子

setTimeout（function（） { myFunction（"I love You !!!"）; }, 3000）;

function myFunction（value） {

  document.getElementById（"demo"）。innerHTML = value;

}

使用 Promise 的例子

let myPromise = new Promise（function（myResolve, myReject） {

  setTimeout（function（） { myResolve（"I love You !!"）; }, 3000）;

}）;

myPromise.then（function（value） {

  document.getElementById（"demo"）。innerHTML = value;

}）;

使用回調的例子

function getFile（myCallback） {

  let req = new XMLHttpRequest（）;

  req.open（'GET', "mycar.html"）;

  req.onload = function（） {

    if （req.status == 200） {

      myCallback（req.responseText）;

    } else {

      myCallback（"Error: " + req.status）;

    }

  }

  req.send（）;

}

getFile（myDisplayer）;

使用 Promise 的例子

let myPromise = new Promise（function（myResolve, myReject） {

  let req = new XMLHttpRequest（）;

  req.open（'GET', "mycar.htm"）;

  req.onload = function（） {

    if （req.status == 200） {

      myResolve（req.response）;

    } else {

      myReject（"File not Found"）;

    }

  };

  req.send（）;

}）;

myPromise.then（

  function（value） {myDisplayer（value）;},

  function（error） {myDisplayer（error）;}

）;

以上就是“JavaScript Promise怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。