zoukankan      html  css  js  c++  java
  • es6 Promise简单介绍

    promise的基本用法

    promise执行多步操作非常好用,那我们就来模仿一个多步操作的过程,那就以吃饭为例吧。要想在家吃顿饭,是要经过三个步骤的。

    1. 洗菜做饭。
    2. 坐下来吃饭。
    3. 收拾桌子洗碗。

    这个过程是有一定的顺序的,你必须保证上一步完成,才能顺利进行下一步。我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌套。那我们现在用promise来实现。

    //promise 1.洗菜做饭 2.坐下吃饭 3首饰桌子
    let state = 1;
    function step1(resove,reject){
        console.log("洗菜做饭")
        if (state== 1) {
            resove("洗菜做饭完成了,给的回执")
        }else{
            reject("在洗菜过程中出现了错误,给的回执")
        }
    }
    function step2(resove,reject){
        console.log('开始吃饭了')
        if(state ==1){
            resove("吃饭完成,给的回执")
        }else{
            reject('吃饭过程中出错,给的回执')
        }
    }
    function step3(resove,reject){
        console.log('开始首饰桌子')
        if(state ==1){
            resove('桌子已经首饰完了,给的回执')
        }else{
            reject('首饰桌子过程中出错,给的回执')
        }
    }
     new Promise(step1).then((val) => {
        console.log(val)
        return new Promise(step2)
     }).then((val)=>{
        console.log(val)
        return new Promise(step3)
     }).then((val)=>{
        console.log(val)
        return val
     })

    结果:

    Promise:简单来讲解决了函数得多层回调函数嵌套

  • 相关阅读:
    C/C++学习的50个经典网站
    C++ 调用C++写的函数库的2种方法之一(显式调用)
    C++ 调用C++写的类库的2种方法之一(隐式链接)
    几个第三方yum源
    网站运维管理工具
    网站架构文章收集
    linux setup 相关text mode图形配置工具的安装
    nfs 安装配置
    centos6.4 minimal 安装kvm
    keepalived
  • 原文地址:https://www.cnblogs.com/lijuntao/p/10756549.html
Copyright © 2011-2022 走看看