阅读 99

Promise从入门到拿Offer之手写Promise

1、Promise构造函数的实现

Promise构造函数用来声明示例对象,需要传入一个执行器函数。其中包括resolve函数和reject函数,以及几个重要的属性:状态属性、结果属性和回调函数队列。

构造函数的基本框架

resolve函数用于异步处理成功后调用的函数。其中包括验证对象状态修改次数,修改promise实例对象状态,异步调用成功的回调函数onResolved。

resolve函数

reject函数用于异步处理失败后调用的函数。其中包括验证对象状态修改次数,修改promise实例对象状态,异步调用成功的回调函数onRejected。

reject函数

2、Promise的then函数和catch函数实现

then函数用于为promise指定成功/失败的回调函数,返回值是一个新的promise对象。

then函数的基本框架

如果 onResolved/onRejected 不是函数, 可它指定一个默认的函数。若onResolved不是函数,则指定返回的 promise 为一个成功状态, 结果值为 value;若onRejected不是函数,指定返回的 promise 为一个失败状态, 结果值为 reason。否则返回一个新的promise对象。

否则返回一个新的promise对象。

用于处理promise成功/失败结果的函数。

catch函数用于指定失败的回调函数,是then(null, onRejected)的语法糖。

catch函数

3、Promise的resolve函数和reject函数实现

resolve函数

reject函数

4、Promise的all函数、race函数和any函数实现

传入的必须是promise对象数组吗?可以为一个常量。其中一个报错,就会进入catch, 其他的promise会正常执行, 在创建之初(实例化)时就执行了。.then()只是拿到他的结果。

Promise的all函数

race函数

any函数



作者:团子哒哒
链接:https://www.jianshu.com/p/c202658b8d59
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐