Promise掛載

terasum 發布于2019-08-20 18:08 / 3427人閱讀

摘要：使用可以避免回調函數的層層嵌套，還提供了規范更加容易的對異步操作進行控制。提供了和等方法有三種狀態掛起狀態成功狀態失敗狀態是之后原生的對象，我們只需要實例化對象就可以直接使用。實例化定時器用執行成功成功之后執行方法失敗失敗之后執行方法

使用Promise可以避免回調函數的層層嵌套，還提供了規范更加容易的對異步操作進行控制。提供了reject,resolve,then和catch等方法

Promise有三種狀態：
掛起狀態成功狀態失敗狀態

Promise是ES6之后原生的對象，我們只需要實例化Promise對象就可以直接使用。實例化Promise:

    
    var p = new Promise(function(resolve,refused){
        console.log("abc");//abc
        //resolve();
        setTimeout(function(){
            resolve();
        },3000)//定時器
        console.log("123");
    });
    p.then(function(){
        console.log("dfe")//用resolve()執行
        });*/

    setTimeout(function(){
        console.log(1);
        setTimeout(function(){
            console.log(2)
            setTimeout(function(){
                console.log(3);
            },3000)
        },2000)
    },1000);*/


    var p1=new Promise(function(resolve,refused){
        setTimeout(function(){
            resolve()
        },1000);
    });
    p1.then(function(){
        console.log(1);
            /*return new Promise(function(resolve,refused){
                setTimeout(function(){
                    resolve();
                },2000);
            });*/
        return sleep(2000);
        
    }).then(function(){
        console.log(2);
        /*return new Promise(function(resolve,refused){
                setTimeout(function(){
                    resolve();
                },3000);
        });*/
    return sleep(3000);
    }).then(function(){
        console.log(3);
    });




    function sleep(times){
        return new Promise(function(resolve,refused){
                setTimeout(function(){
                    resolve();
                },2000);
            });
    }


    var pp=new Promise(function(resolve,refused){
        //resolve()
        refused();
    });

成功

成功之后執行then方法

    /*pp.then(function(){
        console.log("ffffdfff")
    })

失敗

失敗之后執行catch方法

    pp.catch(function(){
        console.log("llll")
    })

GPU云服務器云服務器 promise Promise使用 promise用法中的Promise

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84120.html

Vue項目數據動態過濾實踐

摘要：因此在這個項目做完等待測試的時候我思考了一下，誰說過濾器就一定放在里面。這個問題是在下在做一個Vue項目中遇到的實際場景，這里記錄一下我遇到問題之后的思考和最后怎么解決的(老年程序員記性不好 -。-)，過程中會涉及到一些Vue源碼的概念比如$mount、render watcher等，如果不太了解的話可以瞅瞅 Vue源碼閱讀系列文章 ~ 問題是這樣的：頁面從后臺拿到的數據是由0、1之...

codergarden 2019-08-23 11:51 評論0 收藏0
axios源碼閱讀（一）

摘要：開始研究核心代碼這個類首先是構造函數看完上面的內容大家應該有點印象，上掛了和，是默認的配置，顧名思義就是攔截器，目測包含了和兩種類型。喜歡就點個贊吧參考文章源代碼重點難點分析源代碼重點難點分析 axios是一個基于promise的http庫，支持瀏覽器和node端，最近我在做beauty-we的api設計，研讀一個成熟的http庫勢在必行，axios功能完整、api簡潔、注釋清晰，再適...

k00baa 2019-08-22 18:26 評論0 收藏0
KOA2框架原理解析和實現

摘要：實現的四大模塊上文簡述了源碼的大體框架結構，接下來我們來實現一個的框架，筆者認為理解和實現一個框架需要實現四個大模塊，分別是封裝創建類構造函數構造對象中間件機制和剝洋蔥模型的實現錯誤捕獲和錯誤處理下面我們就逐一分析和實現。什么是koa框架？ ? ? ? ?koa是一個基于node實現的一個新的web框架，它是由express框架的原班人馬打造的。它的特點是優雅、簡潔、表達力強、自由度...

tracymac7 2019-08-26 13:37 評論0 收藏0
KOA2框架原理解析和實現

摘要：實現的四大模塊上文簡述了源碼的大體框架結構，接下來我們來實現一個的框架，筆者認為理解和實現一個框架需要實現四個大模塊，分別是封裝創建類構造函數構造對象中間件機制和剝洋蔥模型的實現錯誤捕獲和錯誤處理下面我們就逐一分析和實現。什么是koa框架？ ? ? ? ?koa是一個基于node實現的一個新的web框架，它是由express框架的原班人馬打造的。它的特點是優雅、簡潔、表達力強、自由度...

liangzai_cool 2019-08-02 14:29 評論0 收藏0