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怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。