JavaScript Promise

待我称王封你为后i 2022-12-27 01:21 122阅读 0赞

# Table of Contents #

1.  执行f1,f2,f3,输出f3,f2,f1
2.  期望输出f1,f2,f3,改写三个函数
3.  用Promise对象改写三个函数

# 执行f1,f2,f3,输出f3,f2,f1 #

f1();
    f2();
    f3();
    
    function f1(){
        setTimeout(() => {
            console.log("f1");
        }, 1500);
    }
    function f2(){
        setTimeout(() => {
            console.log("f2");
        }, 1000);
    }
    function f3(){
        setTimeout(() => {
            console.log("f3");
        }, 500);
    }

# 期望输出f1,f2,f3,改写三个函数 #

f1();
    // f2();
    // f3();
    
    function f1(){
        setTimeout(() => {
            console.log("f1");
            f2();
        }, 1500);
    }
    function f2(){
        setTimeout(() => {
            console.log("f2");
            f3();
        }, 1000);
    }
    function f3(){
        setTimeout(() => {
            console.log("f3");
        }, 500);
    }

# 用Promise对象改写三个函数 #

var promiseF1 = new Promise(function(resolve,reject){
        setTimeout(() => {
            console.log("f1");
            resolve(true);
        }, 1500);
    });
    
    
    promiseF1
    .then(function(value){
        return new Promise(function(resolve,reject){
            setTimeout(() => {
                console.log("f2");
                resolve(true);
            }, 1000);
        })
    })
    .then(function(value){
            setTimeout(() => {
                console.log("f3");
            }, 500);
    })

怎么没看出来Promise对象好用在哪?  
反而代码写的更多了?咋回事,如果你知道请告诉我,多谢!

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript Promise

Table of Contents 1. 执行f1,f2,f3,输出f3,f2,f1 2. 期望输出f1,f2,f3,改写三个函数 3. 用Promise对象改写三

待我称王封你为后i/ 2022年12月27日 01:21/ 0 赞/ 123 阅读

相关 JavaScript 学习笔记【Promise】

JavaScript 学习笔记【Promise】 all race 参考资料 all 所有任务都完成时执行。 var p1 = $.g

蔚落/ 2022年11月28日 13:30/ 0 赞/ 166 阅读

相关 javascript 实现取消promise

Javascript 中，本身promise是不支持取消的，但是有时候，我们有些需求，希望能够取消。我们可以对异步请求进行封装，通过强制调用其reject，达到类似的取消操作。

绝地灬酷狼/ 2022年11月16日 00:56/ 0 赞/ 589 阅读

相关 JavaScript Promise

现有如下代码段，执行输出什么： Promise.resolve().then(setTimeout(() => { console.log(1)

青旅半醒/ 2022年10月06日 02:56/ 0 赞/ 139 阅读

相关 JavaScript Promise API

尽管同步代码易于追踪和调试，但异步代码普遍在性能和灵活性上更具优势。Why "hold up the show" when you can trigger numerous r

淩亂°似流年/ 2022年09月23日 15:54/ 0 赞/ 146 阅读

相关 JavaScript Promise启示录

一直以来，JavaScript处理异步都是以callback的方式，在前端开发领域callback机制几乎深入人心。在设计API的时候，不管是浏览器厂商还是SDK开发商亦或是各

待我称王封你为后i/ 2022年07月19日 02:29/ 0 赞/ 170 阅读

相关【javascript笔记】Promise对象

最初的异步流程控制，是通过回调来实现，但是存在回调太多层就会让人崩溃后来出现了，异步解决方案 async 可以应用到NodeJS 和 browser里面。后来ES6 将

素颜马尾好姑娘i/ 2022年07月11日 09:27/ 0 赞/ 284 阅读

相关 Javascript Promise

转自[http://www.jianshu.com/p/063f7e490e9a][http_www.jianshu.com_p_063f7e490e9a] ES6 原生提

傷城~/ 2022年06月16日 02:29/ 0 赞/ 171 阅读

相关 JavaScript异步Promise.all()、Promise.race()以及Promise.finally()

今天我们讲一下es6对Promise的扩展,我们使用axios进行ajax请求来演示一下，首先我先准备了3个接口： ![在这里插入图片描述][watermark_ty

àì夳堔傛蜴生んèń/ 2022年04月10日 12:49/ 0 赞/ 391 阅读

相关 JavaScript Promise小结

事件模型是在事件发生之前绑定监听事件，在事件发生时监听到事件的发生。如果事件发生之后进行绑定监听事件，则监听不到事件的发生。 ES6提供的Promise实现了单个值的任意

迷南。/ 2021年09月29日 10:04/ 0 赞/ 366 阅读