Promise机制的深入研究

简介:

上一篇文章只是简单的对promise原理有个简单的实现,这次增加了

  • all方法,同时调用多次异步请求
  • resolvereject方法进行了重构,增加了对多个异步调用的处理
  • promse进行了改造,除掉了事件触发机制,增加了异步队列

详细代码如下:

/**
 * Created with JetBrains WebStorm.
 * User: xuwenmin
 * Date: 14-4-26
 * Time: 下午1:01
 * To change this template use File | Settings | File Templates.
 */

var EventEmitter = require('events').EventEmitter;
var http = require('http');
var util = require('util');
// 定义promise对象
var Promise = function(){
    this.queue = [];
    this.isPromise = true;
}
// then 方法为promise/A 规范中的方法
Promise.prototype.then = function(successHandler, errorHandler, progressHandler){
    var hanlder = {};
    if (typeof successHandler == 'function'){
        hanlder.fulfilled =  successHandler;
    }
    if (typeof errorHandler === 'function'){
        hanlder.error =  errorHandler;
    }
    this.queue.push(hanlder);
    return this;
}

// 定义延迟对象
// 包含一个状态和一个promise对象
var Deferred = function(){
    this.promise = new Promise();
}
// 同时处理多个异步的情况
Deferred.prototype.all = function(promises){
    var count = promises.length;
    var that = this;
    var results = [];
    promises.forEach(function(promise, i){
        promise.then(function(data){
            count--;
            results[i] = data;
            // 如果执行玩了,则调用完成方法
            if(count == 0){
                that.resolve(results);
            }
        }, function(err){
            that.reject(err);
        });
    });
    return this.promise;
}
// 生成回调函数
Deferred.prototype.callback = function(){
    var that = this;
    return function(err, data){
        if(err){
            that.reject(err);
        }else{
            that.resolve(data);
        }
    };
}
Deferred.prototype.resolve = function(obj){
      var promise = this.promise;
      var handler;
      while((handler = promise.queue.shift())){
          if (handler && handler.fulfilled){
              var ret = handler.fulfilled(obj);
              if(ret && ret.isPromise){
                  ret.queue = promise.queue;
                  this.promise = ret;
                  return;
              }
          }
      }
}
Deferred.prototype.reject = function(err){
       var promise = this.promise;
       var handler;
       while((handler = promise.queue.shift())){
           if (handler && handler.error){
               var ret = handler.error(err);
               if(ret && ret.isPromise){
                   ret.queue = promise.queue;
                   this.promise = ret;
                   return;
               }
           }
       }
}

var client1 = function(){
    var options = {
        hostname:'www.baidu.com',
        port:80,
        path:'/',
        method: 'get'
    };
    var deferred = new Deferred();
    var req = http.request(options, function(res){
        res.setEncoding('utf-8');
        var data = '';
        res.on('data', function(chunk){
            data += chunk;
        });
        res.on('end', function(){
            deferred.resolve(data);
        });

    });
    req.on('error', function(err){
        deferred.reject(err);
    })
    req.end();
    return deferred.promise;
}
var client2 = function(predata){
    var options = {
        hostname:'www.hao123.com',
        port:80,
        path:'/',
        method: 'get'
    };
    var deferred = new Deferred();
    var req = http.request(options, function(res){
        res.setEncoding('utf-8');
        var data = '';
        res.on('data', function(chunk){
            data += chunk;
        });
        res.on('end', function(){
            data += predata;
            deferred.resolve(data);
        });
    });
    req.on('error', function(err){
        deferred.reject(err);
    })
    req.end();
    return deferred.promise;
}
//
client1().then(function(msg){
    return client2(msg);
}).then(function(data){
    console.log('\033[96m 两次请求的总数据:\033[39m',data);
});

总结

上面的代码参考了深入浅出NodeJS,权当心得体会.


目录
相关文章
|
5月前
|
前端开发 JavaScript
在JavaScript中,回调函数、Promise和async/await这三种异步处理机制的优缺点
JavaScript的异步处理包括回调函数、Promise和async/await。回调函数简单易懂,但可能导致回调地狱和错误处理困难。Promise通过链式调用改善了这一情况,但仍有回调函数需求和学习成本。async/await提供同步风格代码,增强可读性和错误处理,但需ES8支持,不适用于并发执行。根据项目需求选择合适机制。
|
前端开发 JavaScript 计算机视觉
promise、async事件循环机制,你是CV工程师?
promise、async事件循环机制,你是CV工程师?
99 0
|
前端开发
前端学习案例3-promise的理解方式和调用机制2
前端学习案例3-promise的理解方式和调用机制2
57 0
前端学习案例3-promise的理解方式和调用机制2
|
前端开发
前端学习案例2-promise的理解方式和调用机制1
前端学习案例2-promise的理解方式和调用机制1
51 0
前端学习案例2-promise的理解方式和调用机制1
|
前端开发
前端学习案例17-promise的理解方式&调用机制4
前端学习案例17-promise的理解方式&调用机制4
60 0
前端学习案例17-promise的理解方式&调用机制4
|
前端开发
前端学习案例15-promise的理解方式&调用机制2
前端学习案例15-promise的理解方式&调用机制2
71 0
前端学习案例15-promise的理解方式&调用机制2
|
前端开发
前端学习案例16-promise的理解方式&调用机制3
前端学习案例16-promise的理解方式&调用机制3
69 0
前端学习案例16-promise的理解方式&调用机制3
|
前端开发
前端学习案例14-promise的理解方式&调用机制1
前端学习案例14-promise的理解方式&调用机制1
72 0
前端学习案例14-promise的理解方式&调用机制1
|
前端开发
你不知道的Promise状态变化机制
你不知道的Promise状态变化机制
你不知道的Promise状态变化机制
|
前端开发 JavaScript 调度
前端进阶|第四天从setTimeout、Promise看js 的异步机制
前端进阶第四天 从setTimeout、Promise看js 的异步机制 每天一个前端知识点
980 0