阅读Promise A+规范

本文主要是PromiseA+规范的翻译加上个人的理解。

1 什么是Promise

A promise represents the eventual result of an asynchronous operation

表示异步操作的最终结果。 可以先看看这个是时候使用promise了了解下背景。

2 术语
  1. promise: 含有名为then方法的对象或者函数,并且该then方法的行为遵从promises A+标准
  2. thenable: 含有名为then方法的对象或者函数
  3. value: 合法的JavaScript 值(包含undefined)
  4. exception: 通过throw语句抛出的值
  5. reason: 表示promise被拒绝的说明值,本质上是个value.

promise对象一定是thenable对象,但是thenable对象不一定是promise对象。

3 要求

3.1 Promise对象状态

一个Promise有3种状态:pending, fulfilled, rejected。并且任意时刻都只能处于一种状态。

  1. 处于pending的Promise 1.1 可以转成fulfilled或者rejected状态。
  2. 处于fulfilled的Promise 2.1 不能转成其他状态 2.2 必须具有一个value,并且该value是固定不变的
  3. 处于rejected的Promise 3.1 不能转成其他状态 3.2 必须具有一个reason,并且该reason是固定不变的

fullfilled和rejected状态是promise的终态,处于终态的promise必须具有一个值,这就是promise的定义:表示一个异步操作的最终结果。

3.2 then方法

promise对象必须提供then方法用来访问处于终态(fullfilled或者rejected)的promise所表示的值。then方法接收两个参数:

promise.then(onFulfilled, onRejected)
  1. onFulfilled和onRejected参数都是可选的,如果他们是非函数,则忽略参数
  2. 如果onFulfilled是个函数 2.1 Promise处于并且只有处于fulfilled状态时,就调用该函数,并且Promise的value作为该函数的第一个参数 2.2 该函数最多只能被调用一次
  3. 如果onRejected是个函数 3.1 promise处于并且只有处于rejected状态时,就调用该函数,并且Promise的reason作为该函数的第一个参数 3.2 该函数最多只能被调用一次

promise的最终结果只能是一个值,所以回调函数onFullFilled, onRejected也只有一个形参。但是规范并没有这样限定,“as its first argument.”只要求作为第一个参数

  1. onFulfilled or onRejected 必须通过异步的方式调用
  2. onFulfilled和onRejected函数必须作为函数调用,即没有绑定this参数。
  3. 同一个的promise的then方法可以多次被调用。 6.1 多个注入的onFulfilled和onRejected回调函数的调用顺序取决于调用then方法的顺序。
  4. then方法必须返回一个promise
promise2 = promise1.then(onFulfilled, onRejected);
7.1 如果onFulfilled或者onRejected返回一个值x, 执行Promise解决流程 [[Resolve]](promise2, x)
7.2 如果onFulfilled或者onRejected抛出一个异常e, promise2必须被拒绝,并且把e作为其reason。
7.3 如果onFulfilled不是一个函数并且Promise1已经处以fulfilled,则Promise2也必须转成fulfilled,并且把promise1的Value作为其Value
7.4 如果onRejected不是一个函数并且Promise1已经处以rejected,则Promise2也必须转成rejected,并且把promise1的reason作为其reason
  1. promise2的终态跟promise1没有直接关系的,只跟onReject,onFullFilled回调函数有关
  2. then方法构建了Promise对象链,重点也是难点就是Promise链中相邻节点的前后影响

3.3 Promise 解决流程(Promise Resolution Procedure

Promise解决过程是一个抽象的操作,输入参数是一个promise和一个value。可以表示为:[[Resolve]](promise, x),如果x是个thenable(包含promise对象), 则尝试让promise采用x的状态,否则把promise转成fulfilled并且把x作物其Value。 这种方式处理是为了thenables和promise可以互操作(注意thenable和Promise的区别)。thenable的then方法规则不一定符合Promise A+规范,这样我们可以自定义了then方法的行为了。

Promose解决流程规范主要定义Promise对象链中两个相邻的promise对象间的关系。但需要注意的是后面的promise2对象终态跟前面一个promise1没有直接关系的,只跟onReject,onFullFilled有关: A:否抛异常 B:返回值 C:是否是函数

3.4 [[Resolve]](promise, x)的具体处理步骤

  1. 如果promise 和x相等,则拒绝promise,并且制定TypeError作为promie的reason。

promise对象不能处理自己的状态。

  1. 如果x是个Promise,则采用其状态(即promise的状态要跟x一致): 2.1 如果x处于pending,则promise也要处于pending,直到x转成fulfilled或者rejected. 2.2 如果x处于fulfilled, 则promise转成fulfilled, 并且把x的Value作为promise的value. 2.3 如果x处于rejected, 则promise转成rejected, 并且把x的reason作为promise的reason.

  2. 覆盖x是个对象或者函数: 3.1 var then = x.then 3.2 如果访问x.then导致了异常e,则把promise转成rejected,并且reasion是e. 3.3 如果then是个函数,则执行then.call(x, resolvePromise, rejectedPromise)

    3.3.1 如果调用resolvePromise(y), 则执行[[Resolve]](promise, y)
    3.3.2 如果调用rejectedPromise(r), 把promise转成rejected, 并且reason是r
    3.3.3 如果rejectedPromise, resolvePromise同时或者多次调用,则只有第一个调用有效,其他调用被忽略
    3.3.4 如果调用then中发生异常e
    1) 如果已经调用了resolvePromise或者rejectedPromise,则忽略该异常
    2)其他则把promise转成rejected, 并且其reason是e

    3.4 如果then不是一个函数(即不是一个thenable),则把promise转成fulfilled,并且value是x(不是then)

  3. 其他,则把promise转成fulfilled,并且value是x

注意:

  1. Promise解决过程中对thenable对象和promise对象的处理方式不同的,thenable对象是递归方式处理的(当心死循环)。
  2. 是不是觉得很少使用thenable对象then方法处理方式?!其实我们一直在使用,ES6中Promise函数的回调函数参数的处理方式就是遵照3.3规则。
参考
  1. Promises/A+
  2. A small, performant promise library implementation
  3. ES6 Promise
原文链接:segmentfault.com

上一篇:vuex源码学习---vuex的初始化
下一篇:javascript 数字的常用方法

相关推荐

  • 🔥 Promise|async|Generator 实现&原理大解析 | 9k字

    笔者刚接触async/await时,就被其暂停执行的特性吸引了,心想在没有原生API支持的情况下,await居然能挂起当前方法,实现暂停执行,我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的...

    5 个月前
  • 高效阅读Github源代码

    三种办法。如果你主要看前端项目的代码,直接看第三种。 1,用Chrome插件Octotree,左侧会出现树形结构,方便你浏览源代码。 (https://img.javascriptcn.com/6...

    2 年前
  • 面试题1:Promise递归实现拉取数据

    题目:请用promise递归实现拉取100条数据,每次拉取20条,结束条件为当次拉取不足20条或者已经拉取100条数据 ...

    3 个月前
  • 面试官要求我们手动实现 Promise.all

    情景: 最近面试,有两次被问到手动实现 Promise.all,不幸的是我都没把这题做好。因为我没有去准备这个,我不知道手动实现已有的 API 有什么意义。 但是为了防止以后还会遇到此类题,还是记录下...

    2 个月前
  • 面试官你来,130行带你手写完整Promise

    大家好,我是雷锋蜀黍。一直在某些面试宝典看到面试官要你手撸一个promise,今天天气这么好,不如我们来搞一搞。(PS:从未看过别人的实现,本文更像是记录一个思考的过程) 最终的代码完全符合Promi...

    4 个月前
  • 随着阅读Three js透明背景

    ZuulRobert Bue(https://stackoverflow.com/users/352449/zuul)提出了一个问题:Transparent background with three...

    2 年前
  • 阅读:《博弈论》

    最近读了《博弈论》,写一下自己的一些收获。 什么是博弈论 生活中的博弈 如何取得博弈优势 什么是博弈论 博弈论是一种方法论,研究的是在一个决策者在给定的条件下,应该怎么去做决策,才能使自身的利益最...

    1 个月前
  • 阅读英文文档辅助扩展

    介绍 开发中因受限英语水平, 难免借助 Googl 翻译文档, 但是有时候它会搞乱排版, 就像下面这样. bad.png(https://img.javascriptcn.com/0437678...

    1 年前
  • 阅读体验优化之起点阅读页

    阅读体验优化之起点阅读页 (https://img.javascriptcn.com/003cdc969974e6e03233f563245d972c) 本文作者:刘文涛 原创声明:本文为阅...

    2 年前
  • 阅读redux源码_compose

    先上源码: 重点看一句就够了: 现在我们先假设一个数组,有3个函数,分别是x,y,z 那么发生什么了,接下来就一步一步解释 1. 变成reduce模式: 2. reduce第一次执行,...

    2 年前

官方社区

扫码加入 JavaScript 社区