Promise

源码 https://github.com/lfp1024/promise

promise-a-plus

const PENDING = 'PENDING'
const REJECTED = 'REJECTED'
const RESOLVED = 'RESOLVED' const resolvePromise = (promise2, x, resolve, reject) => {
if (promise2 === x) {
// ES6 规范写法 无法通过Promise/A+测试
// return reject('[TypeError: Chaining cycle detected for promise #<Promise>]')
// Promise/A+ 规范写法
return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
} let called if ((typeof x === 'object' && x !== null) || typeof x === 'function') {
try {
const then = x.then
if (typeof then === 'function') {
then.call(x, y => {
if (called) return
called = true
resolvePromise(promise2, y, resolve, reject)
}, e => {
if (called) return
called = true
reject(e)
})
} else {
resolve(x)
}
} catch (error) {
if (called) return
called = true
reject(error)
}
} else {
resolve(x)
}
} class Promise { constructor(executor) {
if (typeof executor !== 'function') {
throw new TypeError(`Promise resolver ${executor} is not a function`)
} this.status = PENDING
this.value = undefined this.onResolvedCallbackArr = []
this.onRejectedCallbackArr = [] const resolve = (value) => {
// resolve中使用模板字符串,无法通过Promise/A+测试
// console.log(`${value}`)
if (value === this) {
return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
} if (value instanceof Promise) {
return value.then(resolve, reject)
} // resolve解析thenable对象是ES6的功能,无法通过Promise/A+测试
// if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
// typeof value.then === 'function') {
// return process.nextTick(() => {
// try {
// value.then(resolve, reject)
// } catch (error) {
// reject(error)
// }
// })
// } if (this.status === PENDING) {
this.value = value
this.status = RESOLVED
this.onResolvedCallbackArr.forEach(cb => cb())
}
} const reject = (reason) => {
if (this.status === PENDING) {
this.value = reason
this.status = REJECTED
this.onRejectedCallbackArr.forEach(cb => cb())
}
} try {
executor(resolve, reject)
} catch (error) {
reject(error)
}
} then(onResolved, onRejected) {
onResolved = typeof onResolved === 'function' ? onResolved : value => value
onRejected = typeof onRejected === 'function' ? onRejected : error => { throw error } const promise2 = new Promise((resolve, reject) => {
if (this.status === RESOLVED) {
setTimeout(() => {
try {
const x = onResolved(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
}, 0)
} if (this.status === REJECTED) {
setTimeout(() => {
try {
const x = onRejected(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
}, 0)
} if (this.status === PENDING) {
this.onResolvedCallbackArr.push(() => {
setTimeout(() => {
try {
const x = onResolved(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
}, 0)
})
this.onRejectedCallbackArr.push(() => {
setTimeout(() => {
try {
const x = onRejected(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
}, 0)
})
}
})
return promise2
} //==============以下非 Promise/A+ 规范中的内容==================
catch(onRejected) {
return this.then(null, onRejected)
} finally(callback) {
return this.then(value => {
return Promise.resolve(callback()).then(() => value)
}, error => {
return Promise.resolve(callback()).then(() => { throw error })
})
} static resolve(value) {
if (value instanceof Promise) return value return new Promise((resolve, reject) => {
if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
typeof value.then === 'function') { process.nextTick(() => {
try {
value.then(resolve, reject)
} catch (error) {
reject(error)
}
})
} else {
resolve(value)
}
})
} static reject(reason) {
return new Promise((resolve, reject) => {
reject(reason)
})
} static all(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return resolve([]) let index = 0
const resultArr = [] const processValue = (i, value) => {
resultArr[i] = value
if (++index === promises.length) {
return resolve(resultArr)
}
}
for (let i = 0; i < promises.length; i++) {
Promise.resolve(promises[i]).then(value => {
processValue(i, value)
}, error => {
return reject(error)
})
}
})
} static race(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return for (let i = 0; i < promises.length; i++) {
Promise.resolve(promises[i]).then(value => {
return resolve(value)
}, error => {
return reject(error)
})
}
})
}
} Promise.defer = Promise.deferred = function () {
const dfd = {}
dfd.promise = new Promise((resolve, reject) => {
dfd.resolve = resolve
dfd.reject = reject
})
return dfd
} module.exports = Promise

promise-es6

/**
* ES6实现的Promise,在Promise/A+基础上扩展了很多功能,无法通过为Promise/A+写的测试
*/ const PENDING = 'PENDING'
const REJECTED = 'REJECTED'
const RESOLVED = 'RESOLVED' const resolvePromise = (promise2, x, resolve, reject) => {
if (promise2 === x) {
// ES6 规范写法 无法通过Promise/A+测试
return reject('[TypeError: Chaining cycle detected for promise #<Promise>]')
} let called if ((typeof x === 'object' && x !== null) || typeof x === 'function') {
try {
const then = x.then
if (typeof then === 'function') { // then.call(x, y => {
// if (called) return
// called = true
// resolvePromise(promise2, y, resolve, reject)
// }, e => {
// if (called) return
// called = true
// reject(e)
// }) // 模拟ES6的行为(异步调用thenable的then方法)。无法通过Promise/A+测试
process.nextTick(() => {
then.call(x, y => {
if (called) return
called = true
resolvePromise(promise2, y, resolve, reject)
}, e => {
if (called) return
called = true
reject(e)
})
}) } else {
resolve(x)
}
} catch (error) {
if (called) return
called = true
reject(error)
}
} else {
resolve(x)
}
} class Promise { constructor(executor) {
if (typeof executor !== 'function') {
throw new TypeError(`Promise resolver ${executor} is not a function`)
} this.status = PENDING
this.value = undefined this.onResolvedCallbackArr = []
this.onRejectedCallbackArr = [] const resolve = (value) => {
if (value === this) {
return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
} if (value instanceof Promise) {
return value.then(resolve, reject)
} // resolve解析thenable对象是ES6 Promise的功能,无法通过Promise/A+测试
if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
typeof value.then === 'function') {
return process.nextTick(() => {
try {
value.then(resolve, reject)
} catch (error) {
reject(error)
}
})
} if (this.status === PENDING) {
this.value = value
this.status = RESOLVED
this.onResolvedCallbackArr.forEach(cb => cb())
}
} const reject = (reason) => {
if (this.status === PENDING) {
this.value = reason
this.status = REJECTED
this.onRejectedCallbackArr.forEach(cb => cb())
}
} try {
executor(resolve, reject)
} catch (error) {
reject(error)
}
} then(onResolved, onRejected) {
onResolved = typeof onResolved === 'function' ? onResolved : value => value
onRejected = typeof onRejected === 'function' ? onRejected : error => { throw error } const promise2 = new Promise((resolve, reject) => {
if (this.status === RESOLVED) {
process.nextTick(() => {
try {
const x = onResolved(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
})
} if (this.status === REJECTED) {
process.nextTick(() => {
try {
const x = onRejected(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
})
} if (this.status === PENDING) {
this.onResolvedCallbackArr.push(() => {
process.nextTick(() => {
try {
const x = onResolved(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
})
})
this.onRejectedCallbackArr.push(() => {
process.nextTick(() => {
try {
const x = onRejected(this.value)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
reject(error)
}
})
})
}
})
return promise2
} //==============以下非 Promise/A+ 规范中的内容==================
catch(onRejected) {
return this.then(null, onRejected)
} finally(callback) {
return this.then(value => {
return Promise.resolve(callback()).then(() => value)
}, error => {
return Promise.resolve(callback()).then(() => { throw error })
})
} static resolve(value) {
if (value instanceof Promise) return value return new Promise((resolve, reject) => {
if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
typeof value.then === 'function') { process.nextTick(() => {
try {
value.then(resolve, reject)
} catch (error) {
reject(error)
}
})
} else {
resolve(value)
}
})
} static reject(reason) {
return new Promise((resolve, reject) => {
reject(reason)
})
} static all(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return resolve([]) let index = 0
const resultArr = [] const processValue = (i, value) => {
resultArr[i] = value
if (++index === promises.length) {
return resolve(resultArr)
}
}
for (let i = 0; i < promises.length; i++) {
Promise.resolve(promises[i]).then(value => {
processValue(i, value)
}, error => {
return reject(error)
})
}
})
} static race(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return for (let i = 0; i < promises.length; i++) {
Promise.resolve(promises[i]).then(value => {
return resolve(value)
}, error => {
return reject(error)
})
}
})
}
} Promise.defer = Promise.deferred = function () {
const dfd = {}
dfd.promise = new Promise((resolve, reject) => {
dfd.resolve = resolve
dfd.reject = reject
})
return dfd
} module.exports = Promise

promise-comment

/*
Promise 实现规范 Promise/A+ 地址: https://promisesaplus.com/ 优点:解决异步问题
1. 多个并发异步请求,同时获取结果 -> promise.all
2. 链式异步请求(恶魔金字塔、回调地狱)-> promise.then 链式调用 缺点:
1. 本身还是基于回调函数的形式
2. 无法中断异步处理结果 promise循环引用问题:
循环引用只能发生在异步情况下(then 的参数函数中 或 定时器中)。此时构造函数才能执行完毕获取到当前promise,然后再引用,发生循环引用
返回一个新的promise都会执行构造函数(调用then的时候) promise递归解析问题:
解析promise即 调用 该promise的 then方法,将外层promise的resolve reject 作为内层promise返回后 触发执行的 then方法的 回调
then的参数函数返回promise会递归解析,直到返回非promise或被reject。
底层原理是将then返回的 promise的 resolve和reject 作为参数函数返回的 promise的 then的 回调,
当参数函数返回的 promise返回后 才触发执行
构造函数中提供的resolve方法会递归解析,直到返回非promise或被reject(reject不会解析promise)
底层原理是将自己和reject作为参数promise的then的回调,当参数promise返回后,才触发执行
因此递归解析的时候
某内层失败后,外层依次调用其reject方法,也都返回失败
最内层成功后,外层依次调用其resolve方法,也都返回成功
注册then回调
递推的时候不会将then的回调注册到微任务队列尾部
回归的时候,promise状态改变才会注册到微任务队列尾部,在下次循环执行 promise 异常问题:
1. 如果没有传递executor函数,直接抛出异常,外面可以同步捕获
2. 如果在executor函数体中异步代码抛出异常,外面无法同步捕获,只能全局捕获(或者异步代码自己捕获,调用reject通知外面)
3. 其他情况下promise不会将异常抛到全局,都是返回一个失败的promise
4. 如果在executor函数体中同步代码抛出异常
4.1 在resolve或reject之前抛出的异常,被try-catch捕获,返回失败的promise
4.2 在resolve或reject接收的参数函数中抛出异常,被try-catch捕获,返回失败的promise
4.3 在resolve或reject之后抛出的异常,被try-catch捕获,不影响promise的状态
5. 如果在then回调函数中抛出异常
5.1 被then中的try-catch捕获,返回失败的promise
6. thenable对象
6.1 如果在其then参数函数resolve和reject之前抛异常,都会被try-catch捕获,返回失败的promise
e.g. Promise.resolve、构造函数中的resolve、then的resolvePromise
6.2 如果在其then参数函数resolve和reject之后抛异常,会被try-catch捕获,但是不改变promise的状态 promise then事件循环问题:
调用then就会将then的参数函数注册到微任务队列末尾,在下一轮事件循环才会执行(延迟一轮执行) Promise/A+ 测试问题
1. 注掉规范方法中的日志
2. 注掉非规范中的功能(3个地方)
*/ const u = require("../utils")
const log = u.debugGenerator(__filename) // 状态(用常量表示)
// 1. Promise有三个状态,resolved(fulfilled) rejected pending(默认初始状态)
// 2. 一旦改变无法修改,只有pending状态下才可以修改
const RESOLVED = 'RESOLVED'
const REJECTED = 'REJECTED'
const PENDING = 'PENDING' // 这个方法要兼容 所有 其他库实现的promise,例如 bluebird、q、es6-promise。这些库可以相互调用主要靠 resolvePromise 方法兼容
const resolvePromise = (promise2, x, resolve, reject) => { // 循环引用-自己等待自己(promise2 和 x 引用同一个对象)
if (promise2 === x) {
log.debug('promise.then circular reference')
// ES6 规范写法 无法通过Promise/A+测试
return reject('[TypeError: Chaining cycle detected for promise #<Promise>]')
// Promise/A+ 规范
// return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
} let called // 标记,防止别的库实现的promise走成功后又走失败 // 严格根据规范判断,确保可以兼容其他库实现的promise
// if (x instanceof Promise) { } // 不能用这种方式判断x是不是Promise,因为x可能是别的库实现的Promise的实例
if ((typeof x === 'object' && x !== null) || typeof x === 'function') {
// 如果x是对象或函数
try {
// promise(x)都有一个then方法,取x的属性then,看是不是函数来判断x是不是promise
// 通过 x.then 取值可能会报错,需要try-catch (参考示例 promise-resolvePromise.js)
const then = x.then
if (typeof then === 'function') {
// 至此,认为x是promise // 不能写成 x.then,因为这样会再次取值,有可能报错 (参考示例 promise-resolvePromise.js)
// 用 call 方法,保证then方法中的THIS是需要获取结果的promise实例(x)。如果不call则是window或global
// 如果是thenable对象,then 方法体中可能会报错,会被catch捕获到
// 根据内层promise(x)的状态和值 决定外层promise2的状态和值 // then.call(x,
// y => {
// //【这里调用别人实现的promise中的then方法,执行自己传入的回调】
// // 无法控制别人的代码执行几个回调,只能控制自己传入的回调(添加判断)防止走成功后又走失败
// if (called) return
// called = true // // 等 x(promise) 返回成功(值为y)。则执行x的then方法的第一个参数函数(这里传入的回调)
// // 即执行当前then方法返回promise2的resolve方法,使当前then返回一个成功的promise2,值为x(promise)的成功结果y // // resolve(y) 但是为了解决返回promise(x)成功又返回promise的现象(y还是一个promise),这里需要递归解析 // log.debug(`before resolvePromise recursion, y is '${y}'`)
// // 第一个参数仍然是最外层then返回的promise2(用来保证不发生循环引用),resolve、reject 也是promise2的
// // 当y(promise)返回后,调用promise2的resolve或reject
// // 当最终y不是promise,在【出口1或2】结束,或y返回失败,回归到这里,嵌套的resolvePromise依次结束
// resolvePromise(promise2, y, resolve, reject)
// log.debug(`end resolvePromise recursion, y is '${y}'`)
// },
// e => {
// // 防止走成功后又走失败
// if (called) return
// called = true // // 同理,如果 x(promise) 返回失败,则当前then返回的promise2返回失败,值为x(promise)的失败原因
// // promise(x)失败又返回promise(即e是一个promise),不再递归解析,直接将最后的promise作为失败原因返回
// reject(e)
// }) // 根据测试结果(4.promise-then.js 最后一个测试用例),需要异步执行thenable的then方法。使用 process.nextTick(个人理解)
// 1. process.nextTick 事件将在当前阶段的尾部执行(下次事件循环之前)
// 2. process.nextTick 将事件维护在 nextTickQueue 中
// 对于promise来说,没加之前,立即调用then将回调放入 nextTickQueue 中;加了之后,先将对then的调用放入 nextTickQueue 中
// 执行会后,再将回调放入 nextTickQueue 中。即对于nextTickQueue来说,回调会延迟执行,但最终都在当前阶段执行,
// 对事件循环整体来说没有太大的影响
// 3. 无法通过Promise/A+ 测试!!! process.nextTick(() => {
then.call(x,
y => {
//【这里调用别人实现的promise中的then方法,执行自己传入的回调】
// 无法控制别人的代码执行几个回调,只能控制自己传入的回调(添加判断)防止走成功后又走失败
if (called) return
called = true // 等 x(promise) 返回成功(值为y)。则执行x的then方法的第一个参数函数(这里传入的回调)
// 即执行当前then方法返回promise2的resolve方法,使当前then返回一个成功的promise2,值为x(promise)的成功结果y // resolve(y) 但是为了解决返回promise(x)成功又返回promise的现象(y还是一个promise),这里需要递归解析 log.debug(`before resolvePromise recursion, y is '${y}'`)
// 第一个参数仍然是最外层then返回的promise2(用来保证不发生循环引用),resolve、reject 也是promise2的
// 当y(promise)返回后,调用promise2的resolve或reject
// 当最终y不是promise,在【出口1或2】结束,或y返回失败,回归到这里,嵌套的resolvePromise依次结束
resolvePromise(promise2, y, resolve, reject)
log.debug(`end resolvePromise recursion, y is '${y}'`)
},
e => {
// 防止走成功后又走失败
if (called) return
called = true // 同理,如果 x(promise) 返回失败,则当前then返回的promise2返回失败,值为x(promise)的失败原因
// promise(x)失败又返回promise(即e是一个promise),不再递归解析,直接将最后的promise作为失败原因返回
reject(e)
})
}) } else {
// x 不是 promise(是个普通对象或普通函数),例如:{then:123}
// 递归出口1【终结者1】
log.debug(`the property 'then' of 'x' is not a function, x is '${x}'`)
resolve(x)
}
} catch (error) {
// x.then 取值出错
// thenable 方法体中,执行了传入的 resolve 参数函数后,再抛异常,也会进入这里
log.error(`thenable error '${error}'`) // 防止走成功后又走失败
if (called) return
called = true reject(error)
}
} else {
// 如果x不是对象或函数,直接返回成功状态的promise2
// 递归出口2【终结者2】
log.debug(`x is not a promise, x is ${x}`)
resolve(x)
}
} log.debug('====== my promise ======') class Promise { // 1. 创建类的实例,需要等构造函数中的代码全部执行完毕,才能拿到值
// 1.1 如果resolve或reject是异步调用,则构造函数执行完毕返回 PENDING 状态的promise
// 2. THIS
// 2.1 构造函数中的THIS指代当前实例对象
constructor(executor) { // executor 执行器
// 1. 构造函数必须传入一个参数,类型是函数
// 2. 如果不是函数,则直接抛类型错误
if (typeof executor !== "function") {
throw new TypeError(`Promise resolver ${executor} is not a function`)
} this.status = PENDING // 状态:初始状态为 pending
this.value = undefined // 值: 保存成功的结果或失败的原因 this.onResolvedCallbacks = [] // 存放状态变为成功时的回调
this.onRejectedCallbacks = [] // 存放状态变为失败时的回调 // 1. 调用 resolve 方法
// 1.1 如果value是promise,则异步(调用)执行,作为 promise 成功后then的成功回调执行
// 1.2 如果value非promise,则同步(调用)执行,将value赋值给THIS(如果放到定时器中,属于异步调用,但是调用后是立即同步执行的)
// 2. THIS
// 2.1 调用 resolve 方法的时候没有指明谁调用的,因此这里的THIS需要明确指向当前实例(使用箭头函数,THIS是构造函数中的THIS)
const resolve = (value) => {
// resolve中使用模板字符串,无法通过Promise/A+测试
log.debug(`call resolve, status is '${this.status}', value is '${value}'`) // 异步resolve('this'),会导致循环引用-自己等待自己
if (value === this) {
// 返回一个失败的promise
return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
} // 这里不用兼容其他版本的promise,只是自己的功能(非规范中的)
if (value instanceof Promise) {
// 递归解析promise,直到value非promise
// 是异步执行(涉及到then)
// 调用内部then方法,不会抛出异常
return value.then(resolve, reject)
} // resolve解析thenable对象是ES6的功能,无法通过Promise/A+测试
if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
typeof value.then === 'function') {
// thenable 对象
// 调用内部then方法,其回调是异步执行的,而调用thenable对象中then方法,其回调是同步的(调用thenable.then就会执行)
// 因此这里需要在调用的时候异步(微任务)
// 调用内部的then方法,无法做手脚。而thenable对象中可以对then方法做手脚,因此这里要放到try-catch中
return process.nextTick(() => {
try {
value.then(resolve, reject)
} catch (error) {
reject(error)
}
})
} // 只有 pending 状态可以修改状态和值(确保resolve和reject只会执行一次)
if (this.status === PENDING) {
this.value = value
this.status = RESOLVED
this.onResolvedCallbacks.forEach(cb => cb())
} // JSON.stringify() 丢失注册的函数
log.debug("------promise is------", this) // 打印resolve所属的promise
} // 1. 调用 reject方法,同步执行(如果放到定时器中,属于异步调用,但是调用后是立即同步执行的)
// 1.1 不管reason属于什么类型值,都原样赋值给THIS
// 1.2 如果reason是promise,reject不会进行解析,直接赋值给THIS
const reject = (reason) => {
log.debug(`call reject, status is '${this.status}', reason is '${reason}'`)
// 只有 pending 状态可以修改状态和值(确保resolve和reject只会执行一次)
if (this.status === PENDING) {
this.value = reason
this.status = REJECTED
this.onRejectedCallbacks.forEach(cb => cb())
}
} // 1. executor函数,立即同步执行
// 1.1 同步代码报错,可以捕获到异常
// 1.2 异步代码报错,无法捕获(当异步代码执行的时候,捕获异常的函数已经出栈了)
// 2. executor 中默认提供 resolve reject 方法
// 2.1 调用 resolve 将状态变为 resolved,值为成功结果。触发then的成功回调执行
// 2.2 调用 reject 将状态变为 rejected,值为失败原因。触发then的失败回调执行
// 2.3 不是静态方法,不是实例方法,也不是私有方法,就是一个在构造函数中定义的方法
// 2.4 是一个闭包函数,在构造函数中定义,在创建promise的地方执行
// 2.5 调用 resolve或reject 不会结束executor函数的执行,即后面的代码依然会执行。
// 一般认为,调用 resolve或reject后,promise的作用就完成了,后续操作应该放到then方法中,
// 因此一般在调用 resolve或reject前加上return
// 2.6 resolve 和 reject 的参数只能是值类型,如果是个表达式(new构造函数 或 普通函数[调用]),
// 会先将其在executor函数体中执行,得到表达式的返回值再传给 resolve 或 reject 执行
// 如果在执行过程中报错,可以被executor的try-catch捕获
// 3. 自定义
// 3.1 成功还是失败(什么情况下调用 resolve/reject)由用户决定
// 3.2 成功的结果和失败的原因,由用户决定
try {
executor(resolve, reject)
} catch (error) {
log.error(`catch executor error: '${error}'`)
reject(error)
}
} // then
// 1. Promise 必须具有then方法
// 1.1 then方法需要用户传入两个参数函数(回调函数),第一个是状态变为成功时触发执行(接收成功的结果)【成功回调】,
// 第二个是状态变为失败时触发执行(接收失败的原因)【失败回调】。【两个参数函数只能触发执行一个】
// 1.2 如果某个参数函数没有传递,则会使用默认参数函数
// 1.3 then方法同步执行,但是传入的两个参数函数(回调)是异步执行
// ES6的Promise中then属于微任务,其他Promise库可能是宏任务(bluebird)
// 无法自己实现一个微任务,只能调用宿主环境提供的API
// 1.4 then方法在调用参数函数时会传入'THIS'(调用then的promise实例)的值,即参数函数可以拿到当前promise的值
// 2. then方法 返回一个【新】的promise
// 2.1 then 方法的执行过程类似执行构造函数,处理完回调函数(注册到微任务队列或添加到待执行队列)之后,立即返回 PENDING 状态的promise
// 继续执行后续同步代码(因此链式调用会同步执行then方法,完后再执行then方法的回调)
// 3. then方法 返回promise的状态 及 链式调用 promise返回值的传递规则:
// 3.1 需要在参数函数中用return明确指定返回值,否则then方法默认返回一个成功的promise,值是undefined,传入下一个then的成功回调中
// 3.2 如果参数函数返回的是【普通值】(非promise实例、thenable对象、异常,即普通对象、数字、字符串、undefined(默认))
// 则then方法返回一个成功的promise,值是该普通值,传入下一个then的成功回调中
// 3.3 如果参数函数【抛出异常】,会被then内部的try-catch捕获
// 则then方法返回一个失败的promise,值是异常原因,传入下一个then的失败回调中
// 3.4 如果参数函数返回一个【promise实例】,则该promise实例的状态会决定当前then方法返回promise的状态,从而决定下一个then参数函数的执行情况
// 3.4.1 如果参数函数返回一个成功的promise,则当前then也返回一个成功的promise,值是参数函数返回promise的成功结果,传入下一个then的成功回调中
// 3.4.2 如果参数函数返回一个失败的promise,则当前then也返回一个失败的promise,值是参数函数返回promise的失败原因,传入下一个then的失败回调中
// 4. 错误处理
// 4.1 如果距离自己最近的then没有传递第二个参数函数,则找下一个then或catch
// 5. THIS
// 5.1 then方法中的THIS是调用then的promise实例 then(onResolved, onRejected) {
// 方法中的THIS是调用then的promise实例
log.info(`call then, promise status is ${this.status}`) // 判断是否传递参数以及传递的是不是函数
// onResolved = typeof onResolved === 'function' ? onResolved : value => { return value }
onResolved = typeof onResolved === 'function' ? onResolved : v => v
// onRejected = typeof onRejected === 'function' ? onRejected : err => { throw err }
onRejected = typeof onRejected === 'function' ? onRejected : e => { throw e } // 懒递归,每次调用就new一个新的promise
const promise2 = new Promise((resolve, reject) => { // then方法同步执行(判断是同步的),回调函数异步执行
if (this.status === RESOLVED) {
// then中回调函数异步执行,可以用 setTimeout 或 process.nextTick 模拟实现【只能用一种,不能混用】
// ES6 规范中 then 是微任务,这里无法自己实现一个微任务,只能调用宿主环境提供的API(process.nextTick) // then方法同步执行到这里,创建匿名函数的时候,promise2 还没有定义(等构造函数中的代码全部执行完毕,才能拿到promise2)
// 构造函数还没有执行完,但是在构造函数中就使用了实例,因此匿名函数的执行一定是异步的,才能在执行时拿到实例 // setTimeout(() => {
// try {
// const x = onResolved(this.value)
// log.debug("RESOLVED:then return x =", x)
// resolvePromise(promise2, x, resolve, reject)
// } catch (error) {
// reject(error)
// }
// }, 0) process.nextTick(() => {
try {
// 回调函数异步执行,外面executor的try-catch无法捕获到异常,因此需要在源头捕获
const x = onResolved(this.value)
// 如果x是普通值,可以直接 resolve(x)
log.debug("RESOLVED:then return x =", x) // 递归解析回调函数的返回值x,决定then返回的promise2的状态
// 如果x是promise,调用该promise的then方法时,传递的两个参数函数就是当前then返回promise2的executor中提供的resolve reject
// 1. 如果该promise返回成功,则调用当前then返回promise2的resolve方法,使当前then返回一个成功的promise2
// 2. 如果该promise返回失败,则调用当前then返回promise2的reject方法,使当前then返回一个失败的promise2
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
// 参数函数异常,then返回一个失败的promise2
log.error("RESOLVED: catch error:", error)
reject(error)
}
})
} if (this.status === REJECTED) { // setTimeout(() => {
// try {
// const x = onRejected(this.value)
// log.debug("REJECTED:then return x =", x)
// resolvePromise(promise2, x, resolve, reject)
// } catch (error) {
// reject(error)
// }
// }, 0) process.nextTick(() => {
try {
const x = onRejected(this.value)
// 如果x是普通值,可以直接 resolve(x)
log.debug("REJECTED:then return x =", x)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
log.error("REJECTED: catch error:", error)
reject(error)
}
})
} // 如果 executor 里面异步调用resolve或reject,则调用then方法时,当前promise是pending状态
// 如果当前状态是 pending,需要用发布订阅模式,则将传入的回调函数保存起来,稍后执行resolve或reject改变状态时再触发执行
// 同一个promise可以多次调用 then 方法,因此会有多个回调函数,需要用数组保存
if (this.status === PENDING) { // AOP
this.onResolvedCallbacks.push(() => {
// 不是立即执行,当执行外面的匿名函数的时候,才会执行
// do other things... // setTimeout(() => {
// try {
// const x = onResolved(this.value)
// log.debug("PENDING->RESOLVED:then return x =", x)
// resolvePromise(promise2, x, resolve, reject)
// } catch (error) {
// reject(error)
// }
// }, 0) process.nextTick(() => {
try {
const x = onResolved(this.value)
// 如果x是普通值,可以直接 resolve(x)
log.debug("PENDING->RESOLVED:then return x =", x)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
log.error("PENDING->RESOLVED: catch error:", error)
reject(error)
}
})
}) this.onRejectedCallbacks.push(() => { // setTimeout(() => {
// try {
// const x = onRejected(this.value)
// log.debug("PENDING->REJECTED:then return x =", x)
// resolvePromise(promise2, x, resolve, reject)
// } catch (error) {
// reject(error)
// }
// }, 0) process.nextTick(() => {
try {
const x = onRejected(this.value)
// 如果x是普通值,可以直接 resolve(x)
log.debug("PENDING->REJECTED:then return x =", x)
resolvePromise(promise2, x, resolve, reject)
} catch (error) {
log.error("PENDING->REJECTED: catch error:", error)
reject(error)
}
})
})
}
})
return promise2
} //=============================================以下非Promise/A+ 规范===============================================
// 返回一个新的promise,根据 onRejected 的返回结果决定返回promise的状态
catch(onRejected) {
// THIS指代调用catch的promise实例
return this.then(null, onRejected)
} // node>10
// 表示前面的promise无论成功还是失败都会执行finally方法
// 当无论如何必须要处理一个逻辑的时候使用,如果返回成功的promise不影响整个then链的结果
// callback
// 1. 调用callback不会传递参数(无法拿到前面promise的返回值)
// 2. callback最终在then的参数函数中被调用
// 3. callback返回一个promise(如果不是则用Promise.resolve转换为promise),且会等待这个promise返回
// finally值传递规则
// 调用then方法返回一个promise,根据callback的执行结果决定自己的状态和值
// 1. 如果callback返回的promise成功,则finally返回成功的promise,值为前面promise的成功结果,传递下去(遵循 then 的链式调用原理)
// 2. 如果callback返回的promise失败,则finally返回失败的promise,值为callback返回promise的失败原因,取代并传递下去(遵循 then 的链式调用原理)
// 3. 如果callback执行报错,则被当前then回调的try-catch捕获,finally返回失败的promise,值为报错原因,取代并传递下去
finally(callback) {
log.info(`call finally, promise is ${JSON.stringify(this)}`)
return this.then(value => {
log.debug("finally: previous promise is resolved")
// 如果前面promise成功,则进入这里 // 执行顺序:在回调函数中:
// 1.执行 callback(),返回一个值
// 2.执行 Promise.resolve(),返回一个promise
// 3.执行 then方法,处理回调 '()=>value'
// 4.返回一个 PENDING 状态的promise。(此时对外面的then方法来说就是第一个参数回调返回值x是一个promise,继续解析)
return Promise.resolve(callback()).then(() => value)
}, err => {
log.debug("finally: previous promise is rejected")
// 如果前面的promise失败,则进入这里
return Promise.resolve(callback()).then(() => { throw err })
})
} // 将当前值转换为promise对象:Promise.resolve([value])
// 参数:
// 1. 是一个promise实例,则直接原样返回
// 2. 是一个thenable对象,则异步调用其then方法,决定resolve返回promise的状态
// 2.1 Promise.resolve([thenable]) 可能会返回一个失败的promise
// 3. 不是thenable对象或promise实例,则返回一个新的成功的promise,值为该参数
// 4. 不传参数,返回一个新的成功的promise,值为undefined
static resolve(value) {
// 不处理兼容
if (value instanceof Promise) {
// 原样返回
return value
}
return new Promise((resolve, reject) => {
if (((typeof value === 'object' && value !== null) || typeof value === 'function') &&
typeof value.then === 'function') {
// thenable 对象
// 调用内部then方法,其回调是异步执行的,而调用thenable对象中then方法,其回调是同步的(调用thenable.then就会执行)
// 因此这里需要在调用的时候异步(微任务)
// 调用内部的then方法,无法做手脚。而thenable对象中可以对then方法做手脚,因此这里要放到try-catch中
process.nextTick(() => {
try {
value.then(resolve, reject)
} catch (error) {
reject(error)
}
})
} else {
return resolve(value)
}
})
} // 将当前值转换为一个失败的promise对象:Promise.reject([value])
static reject(reason) {
return new Promise((resolve, reject) => {
reject(reason)
})
} // 参数:实现iterator接口的可迭代对象(数组、字符串)
// 1. 如果参数不存在或者不可迭代,返回一个失败的promise,值为类型错误
// 2. 如果可迭代对象成员为空,返回一个成功的promise,值为空数组
// 3. 如果可迭代对象成员不是promise,则调用 Promise.resolve 将其变为一个promise
// 返回promise的状态:由所有可迭代对象的成员(promise)的返回状态决定
// 1. 所有成员promise都返回成功,则all返回一个成功的promise,值为所有成员promise返回值组成的数组(按成员顺序排序)
// 2. 只要一个成员promise返回失败,则all返回一个失败的promise,值为第一个失败的成员promise的失败原因
// 3. 如果成员promise自身定义了catch方法,那么它被rejected时会被自身定义的catch捕获,
// 并返回一个新的promise(用这个新promise状态代替该成员promise状态)
static all(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return resolve([]) let index = 0
const resultArr = [] function processValue(i, value) {
resultArr[i] = value
if (++index === promises.length) {
resolve(resultArr)
}
}
for (let i = 0; i < promises.length; i++) {
//promises[i] 可能是普通值,用 Promise.resolve 包一层,确保都是promise
Promise.resolve(promises[i]).then((value) => {
processValue(i, value)
}, (err) => {
// 有一个失败则结束循环
return reject(err)
})
}
})
} // 参数:实现iterator接口的可迭代对象(数组、字符串)
// 1. 如果参数不存在或者不可迭代,返回一个失败的promise,值为类型错误
// 2. 如果可迭代对象成员为空,【返回一个PENDING 状态的promise】
// 3. 如果可迭代对象成员不是promise,则调用 Promise.resolve 将其变为一个promise
// 返回promise的状态:
// 1. 只要一个成员promise返回,则race返回相同状态的promise
static race(promises) {
return new Promise((resolve, reject) => { if (promises == undefined || !promises[Symbol.iterator]) {
const preReason = promises === undefined ? `${promises}` : `${typeof promises} ${promises}`
return reject(new TypeError(`${preReason} is not iterable (cannot read property Symbol(Symbol.iterator))`))
} if (promises.length === 0) return for (let i = 0; i < promises.length; i++) {
Promise.resolve(promises[i]).then((value) => {
return resolve(value)
}, (err) => {
return reject(err)
});
}
});
}
} // 测试入口
// Promise的延迟对象,测试的时候会调用这个函数
Promise.defer = Promise.deferred = function () {
const dfd = {}
dfd.promise = new Promise((resolve, reject) => {
dfd.resolve = resolve
dfd.reject = reject
})
return dfd
} module.exports = Promise

测试

更详细的测试用例参考repo https://github.com/lfp1024/promise

resolve 解析 promise

  • resolve(promise) 可以递归解析,由内层promise的状态决定外层promise的状态
  • reject(promise) 不会递归解析,外层promise直接返回失败,失败原因是promise
var p1 = new Promise(function (resolve, reject) {
resolve(new Promise(res => res('resolve')));
}); var p2 = new Promise(function (resolve, reject) {
// 将resolve实参promise的状态变为自己的状态,将实参promise的值变为自己的值
resolve(new Promise((res, rej) => { rej('reject') }));
}); var p3 = new Promise(function (resolve, reject) {
reject(new Promise(res => res('resolve')));
}); p1.then(
function fulfilled(value) { console.log('p1 fulfilled: ' + value); },
function rejected(err) { console.log('p1 rejected: ' + err); }
); p2.then(
function fulfilled(value) { console.log('p2 fulfilled: ' + value); },
function rejected(err) { console.log('p2 rejected: ' + err); }
); p3.then(
function fulfilled(value) { console.log('p3 fulfilled: ' + value); },
function rejected(err) { console.log('p3 rejected: ' + err); }
); // 输出结果:
// p3 rejected: [object Object]
// p1 fulfilled: resolve
// p2 rejected: reject /*
解释:
// 同步代码执行
p1 的 resolve 注册到下一轮循环执行
p2 的 resolve 注册到下一轮循环执行
p3 的 reject 当前执行栈中同步执行,将 p3.then 注册到下一轮循环执行 // 下一轮循环
p1 的 resolve 执行,将 p1.then 注册到下一轮循环执行
p2 的 resolve 执行,将 p2.then 注册到下一轮循环执行
p3.then 执行,输出 => p3 rejected: [object Object] // 下一轮循环
p1.then 执行,输出 => p1 fulfilled: resolve
p2.then 执行,输出 => p2 rejected: reject
*/

resolve 解析 thenable对象

  • ES6 的resolve可以解析thenable对象。且thenable.then属于微任务
  • thenable.then方法中的参数函数的执行情况会决定当前promise的状态
console.log("--script start--")
let obj = {
then: function (onResolved, onRejected) {
console.log("异步执行thenable then")
onResolved('成功啦')
}
}
setTimeout(() => {
console.log("setTimeout")
}, 0);
let p1 = new Promise(function (resolve, reject) {
console.log("1")
resolve(obj);
console.log("2")
});
p1.then(res=>{
console.log("promise then")
})
console.log("p1 =", p1)
setTimeout(() => {
console.log("p1 = ", p1)
}, 0);
console.log("--script end--") // 从输出顺序可以看出调用thenable的then方法属于微任务
// --script start--
// 1
// 2
// p1 = Promise { <pending> }
// --script end--
// 异步执行thenable then
// promise then
// setTimeout
// p1 = Promise { '成功啦' } // 如果是宏任务,则输出顺序应为(调用resolve之前,p1.then尚未注册到事件队列中)
// --script start--
// 1
// 2
// p1 = Promise { <pending> }
// --script end--
// setTimeout
// 异步执行thenable then
// promise then
// p1 = Promise { '成功啦' }

then 递归解析 promise

  • then 会递归解析其回调函数返回的promise。最内层promise的状态决定外层then返回promise的状态
let p = new Promise((resolve, reject) => {
resolve(1)
}) // [resolve(promise)]------------------------------------------------- // 3层promise:最外层p1,中间层p2(then的第一个回调返回的promise),最内层p3(1秒后成功或失败)
let p1 = p.then(value => {
// then的参数函数返回一个 new Promise
return new Promise((resolve, reject) => {
setTimeout(() => {
// resolve 又返回一个promise,递归解析
resolve(new Promise((resolve, reject) => {
setTimeout(() => {
// 最内层promise调用resolve成功之后,会执行其then的第一个回调,即执行中间层p2的resolve
// resolve("success")
// 最内层promise调用reject失败之后,会执行其then的第二个回调,即执行中间层p2的reject
reject("fail")
}, 1000);
}))
}, 1000);
})
})
// 外面想要获取当前then返回promise的结果,还是要调用当前then返回promise的then方法
p1.then(res => {
console.log("当前then返回promise的结果1", res) // 当前then返回promise的结果1 success
}, err => {
console.log("当前then返回promise的原因1", err) // 当前then返回promise的原因1 fail
}) // [reject(promise)]------------------------------------------------- let promise = new Promise((resolve, reject) => {
resolve(1)
})
let promise2 = promise.then(value => {
// then的参数函数返回一个 new Promise
return new Promise((resolve, reject) => {
setTimeout(() => {
// reject 又返回的一个promise,不再递归解析(但是会执行new表达式,执行完后立即返回一个 PENDING 状态的promise)
reject(new Promise((resolve, reject) => {
console.log("执行")
setTimeout(() => {
resolve("success")
}, 1000);
}))
}, 1000);
})
})
// 外面想要获取当前then返回promise的结果,还是要调用当前then返回promise的then方法
promise2.then(res => {
console.log("当前then返回promise的结果2", res)
}, err => {
console.log("当前then返回promise的原因2", err) // 当前then返回promise的原因2 Promise { <pending> }
})

then 解析 thenable 对象

  • then解析 thenable 异步调用其then 方法
console.log("--script start--")
let obj = {
then: function (onResolved, onRejected) {
console.log("异步执行thenable then")
onResolved('成功啦')
// onRejected('失败啦')
// throw Error("Oops!")
}
}
setTimeout(() => {
console.log("setTimeout")
}, 0) let p = Promise.resolve('ok')
let p1 = p.then(res => {
console.log("p2 then")
return obj
}) let p2 = Promise.resolve('ok2')
let p3 = p2.then(res => {
console.log("p3 then")
return
}) console.log("p1 =", p1) setTimeout(() => {
console.log("p1 = ", p1)
}, 0)
console.log("--script end--") // 输出:
// --script start--
// p1 = Promise { <pending> }
// --script end--
// p2 then
// p3 then
// 异步执行thenable then
// setTimeout
// p1 = Promise { '成功啦' } // 如果不是异步调用,顺序是:
// --script start--
// p1 = Promise { <pending> }
// --script end--
// p2 then
// 异步执行thenable then
// p3 then
// setTimeout
// p1 = Promise { '成功啦' }

then 宏任务实现和微任务实现

let fs = require('fs')

// 需求是读取一个文件获取路径,然后再继续读取内容
// 当前路径下有两个文件 name.txt 和 age.txt。name.txt 内容是 age.txt。age.txt 内容是 27。
// 先读取 name.txt 拿到 age.txt,再读取 age.txt 内容
fs.readFile('./name.txt', 'utf-8', (err, data) => {
if (err) {
// 错误处理...
}
console.log("data = ", data)
fs.readFile(data, 'utf-8', (err, data) => {
if (err) {
// 错误处理...
}
console.log("data = ", data)
})
}) function readFileSync(filePath) {
return new Promise((res, rej) => {
fs.readFile(filePath, 'utf-8', (err, data) => {
if (err) return rej(err)
return res(data)
})
})
} readFileSync('./name.txt').then((data) => {
console.log('获取到数据', data)
return readFileSync(data)
}).then((data) => {
console.log('获取到数据', data)
}, (err) => {
console.log('失败', err)
}) /*
用 setTimeout 实现then的异步调用(宏任务),跟es6执行顺序不同 输出结果:
data = age.txt
data = 27
获取到数据 age.txt
获取到数据 27 分析:
// 第一轮
fs.readFile 添加一个宏任务1(读取到数据之后触发)
readFileSync 添加一个宏任务2(读取到数据之后触发)
// 第二轮(读取到数据)
宏任务1执行,输出=>data = age.txt,添加宏任务3
宏任务2执行,添加宏任务4(then)
// 第三轮
宏任务3执行,输出=>data = 27
// 第四轮
宏任务4执行,输出=>获取到数据 age.txt,添加宏任务5
// 第五轮
宏任务5执行,添加宏任务6(then)
// 第六轮
宏任务6执行,输出=>获取到数据 27
*/ /*
换用 process.nextTick 来实现则执行顺序相同 输出结果:
data = age.txt
获取到数据 age.txt
data = 27
获取到数据 27 分析:
// 第一轮
fs.readFile 添加一个宏任务1(读取到数据之后触发)
readFileSync 添加一个宏任务2(读取到数据之后触发)
// 第二轮(读取到数据)
宏任务1执行,输出=>data = age.txt,添加宏任务3
宏任务2执行,添加微任务1(then)
// 第三轮
微任务1执行,输出=>获取到数据 age.txt,添加宏任务4
// 第四轮
宏任务3执行,输出=>data = 27
// 第五轮
宏任务4执行,添加微任务2(then)
// 第六轮
微任务2执行,输出=>获取到数据 27
*/

Promise.resolve 解析 promise

  • Promise.resolve 解析promise
  • Promise.reject 不解析promise
var p1 = new Promise(function (resolve, reject) {
resolve(Promise.resolve('resolve'));
}); var p2 = new Promise(function (resolve, reject) {
resolve(Promise.reject('reject'));
}); var p3 = new Promise(function (resolve, reject) {
reject(Promise.resolve('resolve'));
}); p1.then(
function fulfilled(value) { console.log('p1 fulfilled: ' + value); },
function rejected(err) { console.log('p1 rejected: ' + err); }
); p2.then(
function fulfilled(value) { console.log('p2 fulfilled: ' + value); },
function rejected(err) { console.log('p2 rejected: ' + err); }
); p3.then(
function fulfilled(value) { console.log('p3 fulfilled: ' + value); },
function rejected(err) { console.log('p3 rejected: ' + err); }
); // p3 rejected: [object Promise]
// p1 fulfilled: resolve
// p2 rejected: reject

根据 Promise/A+ 和 ES6 规范,实现 Promise(附详细测试)的更多相关文章

  1. 深入理解 JavaScript 异步系列(3)—— ES6 中的 Promise

    第一部分,Promise 加入 ES6 标准 原文地址 http://www.cnblogs.com/wangfupeng1988/p/6515855.html 未经作者允许不得转载! 从 jquer ...

  2. 一起学习造轮子(一):从零开始写一个符合Promises/A+规范的promise

    本文是一起学习造轮子系列的第一篇,本篇我们将从零开始写一个符合Promises/A+规范的promise,本系列文章将会选取一些前端比较经典的轮子进行源码分析,并且从零开始逐步实现,本系列将会学习Pr ...

  3. 只会用就out了,手写一个符合规范的Promise

    Promise是什么 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可以获取异步操作的消息.Prom ...

  4. [转]JS - Promise使用详解2(ES6中的Promise)

    原文地址:https://www.hangge.com/blog/cache/detail_1638.html 2015年6月, ES2015(即 ECMAScript 6.ES6) 正式发布.其中  ...

  5. 一步一步实现一个Promise A+规范的 Promise

    2015年6月,ES2015(即ES6)正式发布后受到了非常多的关注.其中很重要的一点是 Promise 被列为了正式规范. 在此之前很多库都对异步编程/回调地狱实现了类 Promise 的应对方案, ...

  6. 手写符合Promise/A+规范的Promise

    const PENDING = "pending"; const RESOLVED = "resolved"; const REJECTED = "r ...

  7. es6中的promise对象

    Promise是异步里面的一种解决方案,解决了回调嵌套的问题,es6将其进行了语言标准,同意了用法,提供了`promise`对象, promise对象有三种状态:pending(进行中) .Resol ...

  8. ES6 - Note5:Promise

    1.Promise介绍 Promise最早是社区提出和实现,后面ES6将其写入标准,并原生提供Promise对象,是一种异步编程的解决方案,具体的概念大家可以去查看相关的资料.传统上处理异步都是以ca ...

  9. ES6中的Promise用法

    Node的产生,大大推动了Javascript这门语言在服务端的发展,使得前端人员可以以很低的门槛转向后端开发. 当然,这并不代表迸发成了全栈.全栈的技能很集中,绝不仅仅是前端会写一些HTML和一些交 ...

随机推荐

  1. 【漏洞二】Apache HTTP Server "httpOnly" Cookie信息泄露漏洞

    [漏洞] Apache HTTP Server "httpOnly" Cookie信息泄露漏洞 [原因] 服务器问题 Apache HTTP Server在对状态代码400的默认错 ...

  2. Python 简明教程 --- 5,Python 表达式与运算符

    微信公众号:码农充电站pro 个人主页:https://codeshellme.github.io 靠代码行数来衡量开发进度,就像是凭重量来衡量飞机制造的进度. -- Bill Gates 目录 1, ...

  3. Ajax实现文件上传(Spring MVC)

    ## 前端表单 和 JQuery jsp/html代码 使用JQuery <script src="static/js/jquery-3.4.1.js"></sc ...

  4. SerializableClob转String

    ORACLE数据库读取CLOB字段,JAVA中获取到类型为SerializableClob,如何转换成String类型那? 以下是代码示例:         SerializableClob sc = ...

  5. 【草稿】自定义ASP.NET MVC Html辅助方法

    https://www.cnblogs.com/myshell/archive/2010/05/09/1731269.html 在ASP.NET MVC中,Html辅助方法给我们程序员带来很多方便,其 ...

  6. JavaScript基础对象创建模式之单体/单例模式(Singleton)

    首先,单例模式是对象的创建模式之一,此外还包括工厂模式.单例模式的三个特点: 1,该类只有一个实例 2,该类自行创建该实例(在该类内部创建自身的实例对象) 3,向整个系统公开这个实例接口 Java中大 ...

  7. 用阿里的 sketch 插件 FusionDesign 来快速设计中后台

    Fusion Design 是阿里推出的新的基于sketch的快速设计方案,很适合快速设计中后台. (1) 到Fusion官方站点 https://fusion.design 注册并创建一个项目. ( ...

  8. Dubbo 负载均衡的实现

    前言 负载均衡是指在集群中,将多个数据请求分散在不同单元上进行执行,主要为了提高系统容错能力和加强系统对数据的处理能力. 在 Dubbo 中,一次服务的调用就是对所有实体域 Invoker 的一次筛选 ...

  9. linux磁盘容量不足的处理方案

    在虚机上安装memcached时,突然发现磁盘空间不足. df -h 发现,磁盘一共12G,原来是新申请的虚机,磁盘分区没有挂载上. fdisk -l 查看磁盘,发现有 /dev/vdb1 /dev/ ...

  10. SpringBoot集成Spring Security

    1.Spring Security介绍 Spring security,是一个强大的和高度可定制的身份验证和访问控制框架.它是确保基于Spring的应用程序的标准 --来自官方参考手册 Spring ...