promise学习笔记,个人理解

作者: Yl奋斗的小白 | 来源:发表于2020-01-16 15:48 被阅读0次

创建一个新的promise实例
在function里面调用方法后再结束时调用resolve()
触发.then()后面的事件
then()里面应该return一个方法,这样才能控制前面的方法执行完的前提下才执行then里的方法。

  let msg = 'aaa'
  function getInfo() {
      setTimeout(() => {
        console.log('Promise222');
        console.log(msg)
      }, 2000)
  }

  let promise = new Promise(function(resolve, reject) {
    msg = 'bbb'
    setTimeout(() => {
        console.log('Promise111');
        resolve()
      }, 3000)
  });

  promise.then(function() { return getInfo() })

多次遍历调用同一方法且要上一个执行完成后才执行下一个

// 多次遍历调用统一方法时
  function promise(val, await) {
    return new Promise(function(resolve, reject) {
      setTimeout(function() {
        console.log(val)
        resolve()
      }, await)
    })
  }

  promise('promise1', 5000).then(function() {
    return promise('promise2', 2000)
  }).then(function() {
    return promise('promise3', 1000)
  }).then(function() {
    alert('finished')
  })
```

相关文章

  • promise学习笔记,个人理解

    创建一个新的promise实例在function里面调用方法后再结束时调用resolve()触发.then()后面...

  • 理解Promise - 学习

    JavaScript是同步编程语言,但是我们可以通过回调函数,使他看起来像异步编程语言。 Promise为了解决什...

  • promise

    本文是整理阮一峰大神ES6中 Promise 的学习笔记 目录: Promise.prototype.then()...

  • Promise理解-个人解析

    Promise的含义 Promise 是异步编程的一种解决方案。它由社区最早提出和实现,ES6将其写进了语言标准,...

  • 实现Promise类,其中发现的细节

    Promise 源码学习笔记 在学习Promise中让我印象最深的就是他的 .then方法,所以我非常想知道它的实...

  • es6 Promise对象

    本文是本人学习时遇到Promise后,在网上查询资料及总结后的学习笔记。 什么是Promise? 看看MDN的定义...

  • es6 Promise源码学习笔记

    Promise 源码学习笔记 在学习Promise中让我印象最深的就是他的 .then方法,所以我非常想知道它的实...

  • Promise,async,await笔记

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

  • Promise async/await

    Promise async/await 参考初探promise promise 理解 JavaScript ...

  • Promise原理解析

    Promise原理解析 标签(空格分隔): Node.js Promise原理解析 简介 Promise 对象用于...

网友评论

    本文标题:promise学习笔记,个人理解

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