ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Promise

2019-05-20 11:54:57  阅读:214  来源: 互联网

标签:resolve 函数 reject xhr Promise executor


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

  });

};

标签:resolve,函数,reject,xhr,Promise,executor
来源: https://www.cnblogs.com/yaoyao-/p/10893272.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有