美文网首页
Promise 链式操作

Promise 链式操作

作者: 弹力盒 | 来源:发表于2021-07-05 22:24 被阅读0次
const x = [
  20, 40, 60, 80, 100
]

let count = 0

const dom = $('.move')

const moveFun = (left) => {
  return new Promise((resolve) => {
    dom.animate({ left }, 1000, 'linear', () => {
      count++
      resolve()
    })
  })
}

moveFun(100)
  .then(() => moveFun(500))
  .then(() => moveFun(200))
  .then(() => moveFun(100))
  .then(() => moveFun(566))
  .then(() => moveFun(1000))
  .then(() => moveFun(100))

相关文章

  • promise

    promise解决回调地狱, 实现链式操作

  • promise 并行 串行

    Promise.all并行执行promise 顺序执行promise 1.使用then链式操作 2.使用promi...

  • Promise 链式操作

  • Promise、Promise.all、Promise.race

    Promise 的用途 Promise代表了一个异步操作的最终完成或者失败,支持链式调用和并行多异步操作,解决地狱...

  • Promise

    promise对象用于表示一个异步操作的最终状态,以及返回的值 链式回调,不用再写callback Promise...

  • es6 Promise的学习笔记

    promise是什么 promise对象可以理解为一次执行的一步操作,使用promise对象之后可以用一种链式调用...

  • js promise图解

    链式调用 封闭promise

  • Promise

    什么是Promise Promise解决了什么问题 Promise/A+规范 Promise的原理(如何实现链式调...

  • 嵌套的promise执行顺序

    外部promise有多个then链式调用,第一个then里面执行另一个promise,也带多个then链式调用,他...

  • Promise用法详解

    参考promise|深入理解 promise:promise的三种状态与链式调用 Promise对象只有三种状态 ...

网友评论

      本文标题:Promise 链式操作

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