-
Notifications
You must be signed in to change notification settings - Fork 0
/
es6-promise.js
246 lines (214 loc) · 5.73 KB
/
es6-promise.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
// 可能的状态
const PENDING = 'PENDING'
const FULFILLED = 'FULFILLED'
const REJECTED = 'REJECTED'
class APromise {
constructor(executor) {
// 初始化状态
this.state = PENDING
// 成功的 value 或拒绝的 reason 在内部映射为 value,最初 promise 没有值
// 存在 .then 处理程序队列
this.queue = []
// 调用立即执行程序
doResolve(this, executor)
}
then(onFulfilled, onRejected) {
// 空的 executor
const promise = new APromise(() => {})
// 同时保存 promise
handle(this, { promise, onFulfilled, onRejected })
return promise
}
catch(onRejected) {
return this.then(null, onRejected)
}
finally(onFinally) {
return this.then(
/* onFulfilled */
(res) => APromise.resolve(onFinally().call(this)).then(() => res),
/* onRejected */
(err) =>
APromise.resolve(onFinally().call(this)).then(() => {
throw err
})
)
}
static resolve(value) {
return new APromise((resolve) => resolve(value))
}
static reject(err) {
return new APromise((resolve, reject) => reject(err))
}
static race(promises) {
const _Promise = this
if (!Array.isArray(promises)) {
return _Promise.reject(new TypeError('race() only accepts an array'))
}
return new _Promise((resolve, reject) => {
promises.forEach((p) => {
_Promise.resolve(p).then(resolve, reject)
})
})
}
static all(promises) {
let remaining = promises.length
// 判断是否为空
if (remaining === 0) return APromise.resolve([])
return new APromise((resolve, reject) => {
promises.reduce((acc, promise, i) => {
APromise.resolve(promise).then(
(res) => {
acc[i] = res
--remaining || resolve(acc)
},
(err) => {
reject(err)
}
)
return acc
}, [])
})
}
static any(promises) {
return new Promise((resolve, reject) => {
if (promises.length === 0)
return reject(new AggregateError('All promises were rejected'))
promises.reduce((acc, cur) => {
Promise.resolve(cur).then(
(data) => {
resolve(data)
},
(err) => {
acc.push(err)
if (acc.length === promises.length)
reject(new AggregateError('All promises were rejected'))
}
)
return acc
}, [])
})
}
static allSettled(values) {
let promises = [].slice.call(values)
return new APromise((resolve, reject) => {
let result = [],
count = 0
promises.forEach((promise) => {
APromise.resolve(promise)
.then((value) => {
result.push({ status: 'fulfilled', value })
})
.catch((err) => {
result.push({ status: 'rejected', value: err })
})
.finally(() => {
if (++count === promises.length) {
resolve(result)
}
})
})
})
}
}
// 带 value 的 fulfill
function fulfill(promise, value) {
// https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
if (value === promise) {
return reject(
promise,
new TypeError('A promise cannot be resolved with itself.')
)
}
if (value && (typeof value === 'object' || typeof value === 'function')) {
let then
try {
then = value.then
} catch (err) {
return reject(promise, err)
}
// promise
if (then === promise.then && promise instanceof APromise) {
promise.state = FULFILLED
promise.value = value
return finale(promise)
}
// thenable
if (typeof then === 'function') {
return doResolve(promise, then.bind(value))
}
}
promise.state = FULFILLED
promise.value = value
finale(promise)
}
// 带 reason 的 reject
function reject(promise, reason) {
promise.state = REJECTED
promise.value = reason
finale(promise)
}
// 调用 promise 中存储的所有处理程序
function finale(promise) {
const length = promise.queue.length
for (let i = 0; i < length; i += 1) {
handle(promise, promise.queue[i])
}
}
// 创建作为 executor 参数的 fulfill/reject 函数
function doResolve(promise, executor) {
// promise 状态转换后,不能在被更改
let called = false
function wrapFulfill(value) {
if (called) return
called = true
fulfill(promise, value)
}
function wrapReject(reason) {
if (called) return
called = true
reject(promise, reason)
}
try {
executor(wrapFulfill, wrapReject)
} catch (err) {
wrapReject(err)
}
}
// 检查 promise 的状态:
// - 如果 promise 为 PENDING,将其推入 queue 以供以后使用
// - 如果 promise 还不是 PENDING,则调用处理程序
function handle(promise, handler) {
// 接受最深处的 promise
while (promise.state !== REJECTED && promise.value instanceof APromise) {
promise = promise.value
}
if (promise.state === PENDING) {
// 如果为 PENDING,推入 queue
promise.queue.push(handler)
} else {
// 立即执行
handleResolved(promise, handler)
}
}
function handleResolved(promise, handler) {
setImmediate(() => {
const cb =
promise.state === FULFILLED ? handler.onFulfilled : handler.onRejected
// 如果处理程序不是函数,则立即解析
if (typeof cb !== 'function') {
if (promise.state === FULFILLED) {
fulfill(handler.promise, promise.value)
} else {
reject(handler.promise, promise.value)
}
return
}
// 根据规则执行处理程序和转换
try {
const value = cb(promise.value)
fulfill(handler.promise, value)
} catch (err) {
reject(handler.promise, err)
}
})
}