Promise 对象

作者: alue | 来源:发表于2023-01-26 20:14 被阅读0次

Promise 对象是一种连接生产者与消费者的特殊 JS 对象, 类似"订阅列表".

let promise = new Promise(
// 参数是执行器 executor 
function(resolve, reject) {   
    // 扮演生产者的角色  通常是异步执行某些操作
    // 生产者必须调用 resolve 或者 reject
    
});
// promise 对象具有两个属性
// state 和 result

Promise 的参数是一个函数 function(resolve, reject) {}, 称作执行器, 它会自动执行.

执行器

  1. 自动执行
  2. 执行器的参数是两个回调函数(js 内置)
  3. 带有生产者代码
  4. 完成生产之后,要调用 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 的状态就是最终状态,不会再次发生改变. 所有其他的再对 resolvereject 的调用都会被忽略:

消费者: 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
  1. 常用于 stopping loading indicators
  2. 它的回调函数没有参数
  3. 它的回调不返回任何值
  4. 透传 value 和 error

相关文章

  • Promise,async,await笔记

    Promise,async,await笔记 Promise 创建promise对象 Promise对象构造方法传入...

  • Promise then方法的链式调用

    返回的是非promise对象 优化:可能返回promise对象和非promise对象

  • ES6之promise(resolve与reject)

    一、 Promise.resolve() 有时需要将现有对象转为 Promise 对象,Promise.resol...

  • ES6-Promise对象 (下)

    ES6-Promise对象 (上) 1.Promise对象方法 (1)Promise.all(iterable);...

  • Promise对象原理解析

    Promise对象原理解析 ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递...

  • ES6之promise(基本用法)

    一、promise的含义 Promise对象有以下两个特点。 (1)对象的状态不受外界影响。Promise对象代表...

  • Promise用法小结

    Promise 的含义 Promise对象有以下两个特点 :(1)对象的状态不受外界影响。Promise对象代表一...

  • 关于Promises

    一、名字 promise(首字母小写):一个对象,Promise的实例对象 Promise(首字母...

  • Promise

    Promise对象就是一个异步请求占位符对象 把异步请求封装在Promise对象中,Promise的构造函数传入一...

  • Promise

    Promise/A+ 英文 中文 实现Promise对象

网友评论

    本文标题:Promise 对象

    本文链接:https://www.haomeiwen.com/subject/fwkjhdtx.html