首页 > 编程知识 正文

promise原理 面试题,promise原理解析

时间:2023-05-04 02:17:29 阅读:275211 作者:2323

Promise原理

Promise主要使用了设计模式中的观察者模式

通过Promise,prototype.then和Promise.prototype.catch方法将观察者注册到被观察者Promise对象中,同时返回一个新的Promise对象,以便可以链式调用被观察者管理内部pending,fulfilled,rejected的状态转变,同时通过构造函数中传递的resolve,reject方法以主动触发状态改变和通知观察者

Promise雏形:获取用户id的请求处理

// 没有加入延时机制/状态/链式Promise/失败处理/异常处理function getUserId() {return new Promise(function (resolve) {http.get(url, function(results) { // 异步请求resolve(results.id)})})}getUserId().then(function(id) { // 一些处理 })function Promise(fn) {var value = null;callbacks = []; // callbacks为数组,因为可能同时会有很多个回调this.then = function(onFulfilled) {callbacks.push(onFulfilled);}// 三种状态:等待/执行/拒绝// 状态只会改变一次,解决了异步代码回调地狱的问题function resolve(value) {callbacks.forEach(function(callback) {callback(value);})}fn(resolve);} promise.all():合并异步的返回结果Promise.race():哪个请求比较快async/await(语法糖)简化Promise写法 简洁(少了一些函数/变量)错误处理:同时处理同/异步错误错误栈:a会给我们指出错误的地方中间值:避免嵌套调试方便if语句(请求数据一层一层判断)

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。