Promise 对象是一种连接生产者与消费者的特殊 JS 对象, 类似"订阅列表".
let promise = new Promise(
// 参数是执行器 executor
function(resolve, reject) {
// 扮演生产者的角色 通常是异步执行某些操作
// 生产者必须调用 resolve 或者 reject
});
// promise 对象具有两个属性
// state 和 result
Promise 的参数是一个函数 function(resolve, reject) {}, 称作执行器, 它会自动执行.
执行器
- 自动执行
- 执行器的参数是两个回调函数(js 内置)
- 带有生产者代码
- 完成生产之后,要调用
resolve(value)或者reject(error)
promise对象属性
被 new 出来的 promise 对象具有以下两个内部属性( 无法直接调用,只有 .then/.catch/.finally 才能使用,即消费者才可以享用 )
state
- 初始值为
"pending" -
resolve调用后 变为"fulfilled" -
"rejected"调用后变为"rejected" -
fulfilled或者rejected的 promise 对象被称作 settled
result
- 初始值为
undefined -
resolve(value)调用后变为value -
reject(error)调用后变为error
结果的唯一性
执行器应当仅调用 1 次resolve或者 1 次reject, 调用之后 state 的状态就是最终状态,不会再次发生改变. 所有其他的再对resolve和reject的调用都会被忽略：
消费者: then, catch
promise.then(
function(result) { /* handle a successful result */ },
function(error) { /* handle an error */ }
);
// .catch(errorHandlingFunction) 等价于 .then(null, errorHandlingFunction)
// .finally(f) 等价于 .then(f, f)
then
- 返回新的 promise 对象
- 返回对象的
result属性为then函数的函数参数的返回值(如果返回的是 promise 对象, 则要等待其 settled, 再获取其result) - then 的处理程序的返回值可以是一个Thenable(只要具备
then方法的对象). 这样 result 会被进一步沿着链向下传递
finally
- 常用于 stopping loading indicators
- 它的回调函数没有参数
- 它的回调不返回任何值
- 透传 value 和 error
