首页 > 其他分享 >promise

promise

时间:2024-03-15 21:34:56浏览次数:9  
标签:函数 对象 value Promise new promise Fn

  • [ 函数对象 ]
    • 小括号左边一定是函数,小数点左边一定是对象,具备二者特性的对象是函数对象
      function Fn(){} // 函数
      Fn.prototype // 函数对象
      Fn.bind({}) // 函数对象
      const fn = new Fn() // Fn 前方有 new 关键字,此时 Fn 为构造函数,fn为实例对象,简称对象
    
    • 只有函数对象才有 call apply bind 方法
    • 实例对象实际上是指向构造函数的原型对象,所以构造函数所构造的是自己的原型
    • 函数对象本身调用的方法添加到函数本身
    • 实例对象调用的方法添加到构造函数的原型上
    • 函数对象和构造函数并不冲突
      function Fn() {}
      Fn.a = 'a'
      Fn.say = function(){console.log('say')}
      const fn = new Fn()
      console.log(fn.a) // undefined, 因为Fn的原型对象无法访问Fn的属性和方法
      Fn.prototype.b = 'b'
      Fn.prototype.sing = function() {console.log('sing')}
      const nf = new Fn()
      console.log(nf.b) // b 
      nf.sing() // sing
    

  • [ 同步回调 与 异步回调 ]
    • 同步回调函数结束后,主函数才会继续往后执行
    • 异步回调函数会被加入到回调函数队列,不会阻碍主函数的继续执行

  • [ error 错误处理 挖坑 ]
  • [ Promise 是什么 ]
    • Promise 是一个构造函数,接受一个包含 resolve 和 reject 两个执行器函数作为参数的回调函数,这个回调函数是同步回调。
    • Promise 是一种实现异步编程的解决方案
    • Promise 可以解决传统纯回调方式实现异步编程导致的回调地狱问题
    • Promise 的异步结果处理函数可以在得到结果后去定义,而纯回调方式必须在启动异步任务之前就定义好。
    • Promise 可以实现链式调用,让代码更易阅读和简洁。

  • [ Promise 语法 ]
  •   new Promise((resolve, rejectj) => {
        // if ok
        resolve(value)
        // not ok
        reject(reason)
      }).then(value=> { }, reason => { })
    
    • 失败后的处理函数也可以单独拿出来写
      new Promise(...)
        .then(value => { })
        .catch(reason => { })
    
    • 如果抛出异常,则执行reject,reason 为抛出的异常对象,或者抛出的其他内容
      new Promise((res, rej) => {
        throw new Error('error msg')
        // or
        throw 3
      }).catch(reason => {}) // reason 是 error对象 或者 3
    
    • 链式调用与分别调用
      const p = new Promise((res, rej) => {
        res(3)
      })
      p.then(value => { return value + 1})
        .then(value => {console.log(value)}) // 4, 链式调用,值会被链式传递
      p.then(value => {console.log(value)}) // 3
    
    • 链式传递
      p.then(
        value => return Promise.resolve('val')
      ).then(value => {console.log(value)}) // val
      // 如果没有return,则相当于return undefined, 结果为成功
      // 如果 throw ..., 或者 return Promise.reject(reason), 则视为失败
    
    • 如果要返回确定了结果的promise对象,可以使用 Promise 函数对象的静态方法
    const p = new Promise((res, rej) => {
      res(value)
    })
    // 可以简写为
    const p = Promise.resolve(value)
    // 同样的
    const p = Promise.reject(reason)
    
    • Promise.all() 传入一个 promise 组成的数组,执行这些 promise,所有成功返回成功,发现失败返回失败
      const pAll = Promise.all([p1, p2, p3])
      // pAll 是一个 promise 对象,p1-p3都是 promise对象
      pAll.then(aValue => {}) // aValue 是所有成功的结果组成的数组
          .catch(reason => {}) 
    
    • Promise.race() 传入一个 promise 组成的数组,执行这些 promise,最快返回结果的promise 的结果就是该方法返回的结果
      const winPromise = Promise.race([p1, p2, p3])
      winPromise.then(winvalue => {}, winReason => {})
    

    标签:函数,对象,value,Promise,new,promise,Fn
    From: https://www.cnblogs.com/anch/p/18076282

    相关文章

    • 你是怎么理解ES6中 Promise的?使用场景?
      这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(function(result){doSomethi......
    • Promise
      Promise是什么1.1理解​1.抽象表达:​1)promise是一门新的技术(ES6语言规范)​2)promise是js进行异步编程的新解决方案旧方案是单纯使用回调函数​2.具体表达​1)从语法上来说Promise是一个构造函数,​2)从功能上来说:promise对象用来封装一个异步操作并可以获取成果失......
    • 【JS】Promise.all实现所有接口加载完成loading关闭
      将每个请求封装成promise对象,当请求到数据后都resolve出去,再调用Promsie.all方法将每个promise对象作为参数传入进去。这样每个api的promise对象状态都resolve“解决后”,就能在Promise.all([p1,p2…p]).then中拿到所有api请求完成的状态,从而实现效果。created(){t......
    • 【Javascript】 Promise 对象(二)
      Promise.all()Promise.all()方法用于将多个Promise实例,包装成一个新的Promise实例。constp=Promise.all([p1,p2,p3]);上面代码中,Promise.all()方法接受一个数组作为参数,p1、p2、p3都是Promise实例,如果不是,就会先调用下面讲到的Promise.resolve方法,将参数转为Pr......
    • 简单了解Promise
      回调地狱:回调地狱是指回调函数中嵌套回调函数的情况。回调函数是为了实现代码顺序执行而出现的一种操作,会造成代码可读性差,后期难维护。一、Promise是什么?Promise是最早由社区提出和实现的一种解决异步编程的方案,比其他传统的解决方案(回调函数和事件)更合理更强大。ES6将其写......
    • Promise对象的特点
      Promise对象的特点·:对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)fulfilled(已成功)rejected(已失败)只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。·一旦状态改变,就不会再变,任何时候都可以得到这个结果。......
    • 【Javascript】 Promise 对象(一)
      Promise的含义Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操......
    • Promise用法
      如果你没有使用 async 和 await,但仍然需要处理异步操作,你可以使用 Promise 对象。Promise 对象代表了一个可能现在、将来或永远不可用的值。functionfetchDataWithPromise(){returnnewPromise((resolve,reject)=>{uni.request({url:'https:/......
    • 用promise定义方法时如何避免 自执行/周期影响 多次执行问题:将promise作为方法的回调
      如果你在Promise内部定义了异步操作,并希望避免Promise在创建时自动执行,你可以将这些异步操作封装在一个函数内,并在需要时调用该函数。这样可以确保在适当的时机执行异步操作,而不是在Promise对象创建时或周期更新时(会重新定义变量)立即执行。 以下是一个示例,演示了如何在Promise......
    • Promise.resolve
      Promise.resolve是一个JavaScript方法,用于创建一个以给定值解析的Promise对象。当Promise.resolve方法被调用时,它会返回一个已解析的Promise对象,该对象的状态是已完成(fulfilled)并且其值是传递给Promise.resolve方法的参数。Promise.resolve方法有两种常见用法:传递一个普通值作......