實現一個簡單的promise

keithxiaoy 發布于2019-08-23 18:41 / 3276人閱讀

1、最基本的功能：

function Promise(fn){
    this.arr = [];
    this.then = function(thParam){
        thParam(this.arr);
        //return this;
    };
    var that = this;
    function resolve(parm){
        that.arr.push(parm);
        console.log(parm)
    }
    fn(resolve);
}

var p1 = new Promise(function(resolve){   
    resolve("參數給then");
});
p1.then(function(response){
    console.log(response)
});

2、鏈式調用

function Promise(fn){
    this.arr = [];
    this.then = function(paramFun){
        var thenParam = paramFun(this.arr[0]);
        this.arr.splice(0,1,thenParam);
        return this;
    };
    var that = this;
    function resolve(parm){
        that.arr.push(parm);
        console.log(parm)
    }
    fn(resolve);
}

var p1 = new Promise(function(resolve){    
    resolve("參數給then");
});
p1.then(function(response){
    console.log(response) //參數給then
    return 1;
}).then(function(response){
    console.log(response)  //1
    return 2;
}).then(function(response){
    console.log(response)  //2
});

參考資料：手寫一個Promise

GPU云服務器云服務器 jquery_promise實現 js實現的簡單特效用c實現簡單的shell java實現簡單的web服務器

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

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

JavaScript Promise啟示錄

摘要：近幾年隨著開發模式的逐漸成熟，規范順勢而生，其中就包括提出了規范，完全改變了異步編程的寫法，讓異步編程變得十分的易于理解。最后，是如此的優雅但也只是解決了回調的深層嵌套的問題，真正簡化異步編程的還是，在端，建議考慮。本篇，簡單實現一個promise，主要普及promise的用法。一直以來，JavaScript處理異步都是以callback的方式，在前端開發領域callback機制...

Juven 2019-08-21 12:16 評論0 收藏0
Promise 簡單實現

摘要：簡單實現前言你可能知道，的任務執行的模式有兩種同步和異步。你已經實現了方法方法是一個很好用的方法。感興趣的朋友可以自行去研究哈附上代碼完整的實現個人博客鏈接 Promise 簡單實現前言你可能知道，javascript 的任務執行的模式有兩種：同步和異步。異步模式非常重要，在瀏覽器端，耗時很長的操作（例如 ajax 請求）都應該異步執行，避免瀏覽器失去響應。在異步模式編程中，我...

dayday_up 2019-08-23 14:11 評論0 收藏0
簡單實現 ES6 Promise

摘要：實現的一個簡單的如果有錯誤的地方，希望大家能夠不吝賜教僅實現及方法最下方有完整代碼開始一個對象接收的是一個這個接收兩個參數當我們在內執行或的時候，就會調用內定義的和函數然后，和函數會改變的狀態所以它應該是像下面這樣的保存值記錄狀態為，為，為實現的一個簡單的ES6 Promise(如果有錯誤的地方，希望大家能夠不吝賜教) 僅實現Promise及.then方法最下方有完整代碼開始一個...

zhichangterry 2019-08-26 11:54 評論0 收藏0
Promise——從閱讀文檔到簡單實現（二）

摘要：在和方法執行的時候訂閱事件，將自己的回調函數綁定到事件上，屬性是發布者，一旦它的值發生改變就發布事件，執行回調函數。實現和方法的回調函數都是，當滿足條件對象狀態改變時，這些回調會被放入隊列。所以我需要在某個變為時，刪除它們綁定的回調函數。前言按照文檔說明簡單地實現 ES6 Promise的各個方法并不難，但是Promise的一些特殊需求實現起來并不簡單，我首先提出一些不好實現或者容...

dinfer 2019-08-23 15:59 評論0 收藏0
[轉載·JS] JavaScript Promise啟示錄

摘要：近幾年隨著開發模式的逐漸成熟，規范順勢而生，其中就包括提出了規范，完全改變了異步編程的寫法，讓異步編程變得十分的易于理解。最后，是如此的優雅但也只是解決了回調的深層嵌套的問題，真正簡化異步編程的還是，在端，建議考慮。前段時間頻頻看到Promise這個詞，今天發現騰訊AlloyTeam寫得這篇很贊，遂轉之。原文鏈接本篇，主要普及promise的用法。一直以來，JavaScrip...

Lyux 2019-08-21 10:38 評論0 收藏0
[ JS 進階 ] 異步編程 promise模式的簡單實現

摘要：為了降低異步編程的復雜性，所以。難理解請參考的誤區以及實踐異步編程的模式異步編程的種方法異步編程 javascript異步編程, web2.0時代比較熱門的編程方式，我們平時碼的時候也或多或少用到，最典型的就是異步ajax，發送異步請求，綁定回調函數，請求響應之后調用指定的回調函數，沒有阻塞其他代碼的執行。還有像setTimeout方法同樣也是異步執行回調的方法。如果對異步編程...

svtter 2019-08-21 10:35 評論0 收藏0