`

promise 讲解

    博客分类:
  • js
 
阅读更多
function add(num) {
      return new Promise((resolve, reject) => {
        console.log(num + ' + ' + num + ' = ' + (num + num))
        if (num > 10) {
          setTimeout(resolve(num + num), 200)
        } else {
          setTimeout(reject, 200, 'error')
        }
      })
    }
    function dec(num) {
      return new Promise((resolve, reject) => {
        console.log(num + ' - ' + 10 + ' = ' + (num - 10))
        setTimeout(resolve, 150, num - 10)
      })
    }
    function ride(num) {
      return new Promise((resolve, reject) => {
        console.log(num + ' * ' + num + ' = ' + (num * num))
        setTimeout(resolve, 100, num * num)
      })
    }
    function exc(num) {
      return new Promise((resolve, reject) => {
        console.log(num + ' / ' + 10 + ' = ' + (num / 10))
        setTimeout(resolve, 50)
      })
    }

    function start() {
      var sum = new Promise((resolve, reject) => {
        console.log('开始:')
        resolve(11)
      })
      sum.then(add)
        .then(dec)
        .then(ride)
        .then(exc)
        .catch(err => {
          console.log(err)
        })
    }

 一。promise理论:promise分为三种状态:进行中、成功( resolve )、失败( reject )。

二。用途: ajax请求同步执行(只有前面执行完了,才会执行后面的,解决以前回调函数难以维护的问题。)等。或者是需要前面执行完之后才能执行后面的函数这一类的问题。而且只要前面有一处没有执行成功,后面就不再执行。

三。具体理论参考:阮一峰的es6标准入门。

分享到:
评论

相关推荐

    大厂Web全栈工程师 Promise+ES6+Vue高级+React高级+前端工程化+Node.js+AST+Webpack

    ├─01 Promise讲解.mp4 ├─01-promise & module.zip ├─02 模块化、浏览器内置对象、事件.mp4 ├─02 浏览器内置对象 事件 ajax.pdf ├─03 this指针.pdf ├─03 作用域 闭包 this指针.mp4 ├─04 Javascript基础...

    Promise 前端工程化 VUE React nodejs flutter Hybrid 算法全程培训视频.zip

    1 Promise讲解 .mp4 2 模块化、浏览器内置对象、事件 .mp4 3 作用域 闭包 this指针 .mp4 4 Javascript基础 - 面向对象编程 原型链 继承 .mp4 5 ES6规范详解 .mp4 6 vue基础 .mp4 7 es6实战 .mp4 8 前端工程化 .mp4 9...

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs 算法 视频教程 下载

    因为字数限制 下面目录只是部分 01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针.mp4 04 Javascript基础 - 面向对象编程 原型链 继承.mp4 05 ES6规范详解.mp4 06 vue基础.mp4...

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs 算法 视频教程 下

    因为字数限制 下面目录只是部分 01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针.mp4 04 Javascript基础 - 面向对象编程 原型链 继承.mp4 05 ES6规范详解.mp4 06 vue基础.mp4...

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs下载 因为太大存百度云盘1.zip

    因为字数限制 下面目录只是部分 01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针.mp4 04 Javascript基础 - 面向对象编程 原型链 继承.mp4 05 ES6规范详解.mp4 06 vue基础.mp4...

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs 下载 因为太大存百度云盘2.zip

    01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针.mp4 04 Javascript基础 - 面向对象编程 原型链 继承.mp4 05 ES6规范详解.mp4 06 vue基础.mp4 07 es6实战.mp4 08 前端工程...

    Promise的基本实现和使用讲解

    在JavaScript的世界里,Promise是处理异步操作的重要工具,它为复杂的回调地狱提供了一种更加优雅的解决方案。Promise的基本概念、实现以及使用方法是每个JavaScript开发者必须掌握的关键知识点。 Promise对象有三...

    讲解 对 promise 的 理解 与 使用

    promise的用途说明

    JavaScript Promise迷你书(中文版)带源码

    接着,书中会讲解Promise的方法,如`.then()`和`.catch()`。`.then()`方法用于注册成功回调,`.catch()`用于捕获错误。`.then()`可以链式调用,这样可以构建一系列异步操作,每个操作依赖于前一个的结果。`.finally...

    javascript-promise-book

    本教程基于"javascript-promise-book"的PDF版本,旨在深入讲解Promise的概念、用法以及最佳实践。 Promise在ES6中被正式引入,作为一个对象,它代表了值的未来状态——可能是已知的(即已解析),未知的(即还在...

    关于Promise 异步编程的实例讲解

    关于Promise异步编程的实例讲解 Promise异步编程是JavaScript中的一种常见的编程方式,用于处理异步操作。异步操作是指那些可能需要一段时间才能完成的操作,例如网络请求、读取本地文件等。在异步操作中,使用回调...

    大白话讲解JavaScript的Promise

    Promise实例上有几个静态方法,如`Promise.all()`用于处理多个Promise实例同时完成的情况,`Promise.reject()`和`Promise.resolve()`则可以直接创建一个rejected或fulfilled的Promise。此外,原型链上提供了一些关键...

    Promise.rar学习资料和笔记

    这个压缩包中的16.Promise很可能是对Promise对象的详细讲解,包括但不限于Promise的创建、状态转换、方法的使用以及实战案例。通过深入学习,你可以将Promise应用到实际项目中,提升开发效率和代码质量。记得结合...

    javascript-promise-book.pdf

    本书通过实例讲解了如何在Node.js环境下使用Promise进行异步操作,并建议读者根据Promise的适用性来决定是否使用它。Promise虽然很强大,但并不是所有场景都适用。例如,在处理真正的并行任务时,可能需要考虑其他...

    promise处理多个相互依赖的异步请求(实例讲解)

    promise处理多个相互依赖的异步请求 promise是ES6提供的一个对象,用来传递异步操作的消息。在实际项目中,经常会遇到多个相互依赖的异步请求。如果采用请求嵌套请求的方式自然是不可取的,导致代码难以维护,如何...

    Node.js最新技术栈之Promise篇1

    本文将详细讲解Promise/A+规范及其在Node.js中的应用。 首先,让我们回顾一下JavaScript流程控制的发展历程。早期的JavaScript中,回调函数(Callbacks)是处理异步操作的主要方式。然而,当异步操作数量增加时,回...

    【JavaScript源代码】浅析Promise的介绍及基本用法.docx

    通过以上讲解,我们对Promise有了更深入的理解,掌握了其构造、状态转换、then和catch方法的使用,以及如何利用Promise来组织异步流程。在实际开发中,熟练运用Promise能显著提高代码质量和可维护性。

    it-promise:类似ES6-----Promise

    通过以上讲解,我们了解了Promise的基本使用和核心概念。在实际开发中,熟练掌握Promise能帮助我们编写更优雅的异步代码,提高代码的可读性和可维护性。在处理复杂的异步流程时,Promise的优势尤为明显。

Global site tag (gtag.js) - Google Analytics