Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值。Promise对象是一个构造函数,用来生成Promise实例

语法:new Promise( function(resolve, reject) {...} /* executor */ );

参数:executor是带有 resolve 和 reject 两个参数的函数 。Promise构造函数执行时立即调用executor 函数, resolve 和 reject 两个函数作为参数传递给executor(executor 函数在Promise构造函数返回新建对象前被调用)。resolve 和 reject 函数被调用时,分别将promise的状态改为fulfilled(完成)或rejected(失败)。executor 内部通常会执行一些异步操作,一旦完成,可以调用resolve函数来将promise状态改成fulfilled,或者在发生错误时将它的状态改为rejected。如果在executor函数中抛出一个错误,那么该promise 状态为rejected。executor函数的返回值被忽略

创建Promise:

Promise 对象是由关键字 new 及其构造函数来创建的。该构造函数会?把一个叫做“处理器函数”(executor function)的函数作为它的参数。这个“处理器函数”接受两个函数——resolve 和 reject ——作为其参数。当异步任务顺利完成且返回结果值时,会调用 resolve 函数;而当异步任务失败且返回失败原因(通常是一个错误对象)时,会调用reject 函数。

const myFirstPromise = new Promise((resolve, reject) => {

// 做一些异步操作,最终会调用下面两者之一:

// resolve(someValue); // fulfilled

// 或

// reject("failure reason"); // rejected

});

想要某个函数?拥有promise功能,只需让其返回一个promise即可。

function myAsyncFunction(url) {

  return new Promise((resolve, reject) => {

  const xhr = new XMLHttpRequest();

  xhr.open("GET", url);

  xhr.onload = () => resolve(xhr.responseText);

  xhr.onerror = () => reject(xhr.statusText);

  xhr.send();

  });

};

posted on 2019-05-20 11:42  夭夭#  阅读(124)  评论(0编辑  收藏  举报