Promise能使用来做什么，简单的实例是怎样的-群英

上一篇：TypeScript Duck类型是什么，怎样命名和应用下一篇：JS本地存储和会话存储的区别是什么，如何实现

这篇文章将为大家详细讲解有关“Promise能使用来做什么，简单的实例是怎样的”的知识，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

“生产代码”是可能需要一些时间来执行的代码。

“消费代码”是必须等待结果的代码。

Promise 是一个 JavaScript 对象，它链接生产代码和消费代码。

看一段最简单的代码：

let myPromise = new Promise(function(myResolve, myReject) {
// "Producing Code" (May take some time)

  myResolve(); // when successful
  myReject();  // when error
});

// "Consuming Code" (Must wait for a fulfilled Promise)
myPromise.then(
  function(value) { /* code if successful */ },
  function(error) { /* code if some error */ }
);

执行 new Promise 的构造函数后，会立即进入 Promise 的构造函数体内，即包含了 resolve 和 reject 方法的匿名函数。

然后执行完毕。此时并不会执行 then 里的回调函数。

然后 then 指定的回调函数被异步调用，注意 Chrome 里的提示：

当 Promise 对象处于 pending（工作）状态时，结果是未定义的。
当 Promise 对象 fulfilled 时，结果是一个值。如下图所示：

当 Promise 对象被 rejected 时，结果是一个错误对象。

开发人员无法访问 Promise 属性状态和结果，必须使用 Promise 方法来处理 Promise。

看一个包含 UI 的例子：

Promise 把异步代码封装起来。上图的 setTimeout，模拟了一个耗时 3 秒的 HTTP 操作。

返回的 myPromise 对象，使用 then 注册回调函数。回调函数不关心自己什么时候被调用。

运行显示：

3 秒后：

一个文件访问的例子：

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);}
);

函数体内一般是一个比较费时的操作，操作本身会立即执行，但什么时候执行结束？这就是一个异步操作了。执行结束后，通过 resolve 通知 then 注册的回调函数。

关于“Promise能使用来做什么，简单的实例是怎样的”的内容今天就到这，感谢各位的阅读，大家可以动手实际看看，对大家加深理解更有帮助哦。如果想了解更多相关内容的文章，关注我们，群英网络小编每天都会为大家更新不同的知识。