首頁 > web前端 > js教程 > Node非同步程式設計機制詳解

Node非同步程式設計機制詳解

小云云
發布: 2018-01-09 17:17:37
原創
1339 人瀏覽過

本文主要介紹了淺談Node非同步程式設計的機制,小編覺得蠻不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。

本文介紹了Node異步編程,分享給大家,具體如下:

目前的非同步編程主要解決方案有:

  • 事件發布/訂閱模式

  • Promise/Deferred模式

  • #流程控制庫

##事件發布/訂閱模式

Node本身提供了events模組,可以輕鬆實現事件的發布/訂閱


//订阅
emmiter.on("event1",function(message){
  console.log(message);
})
//发布
emmiter.emit("event1","I am mesaage!");
登入後複製

偵聽器可以很靈活地新增和刪除,使得事件和特定處理邏輯之間可以很輕鬆的關聯和解耦


事件發布/訂閱模式常常用來解耦業務邏輯,事件發布者無需關注訂閱的偵聽器如何實現業務邏輯,甚至不用關注有多少個偵聽器存在,資料透過訊息的方式可以很靈活的進行傳遞。


下面的HTTP就是典型的應用場景


var req = http.request(options,function(res){
  res.on('data',function(chunk){
    console.log('Body:'+ chunk);
  })
  res.on('end',function(){
    //TODO
  })
})
登入後複製

如果一個事件增加了超過10個偵聽器,將會得到一個警告,可以透過呼叫emmite.setMaxListeners(0)將這個限制去掉

繼承events模組


var events = require('events');
function Stream(){
  events.EventEmiiter.call(this);
}
util.inherits(Stream,events.EventEmitter);
登入後複製

#來利用事件佇列解決雪崩問題

所謂雪崩問題,就是在高訪問量,大並發量的情況下快取失效的情況,此時大量的請求同時融入資料庫中,資料庫無法同時承受如此大的查詢請求,進而影響到網站整體的回應速度


解決方案:



var proxy = new events.EventEmitter();
var status = "ready"; 
var seletc = function(callback){
  proxy.once("selected",callback);//为每次请求订阅这个查询时间,推入事件回调函数队列
  if(status === 'ready'){ 
    status = 'pending';//设置状态为进行中以防止引起多次查询操作
    db.select("SQL",function(results){
      proxy.emit("selected",results); //查询操作完成后发布时间
      status = 'ready';//重新定义为已准备状态
    })
  }
}
登入後複製

多非同步之間的協作方案

以上情況事件與偵聽器的關係都是一對多的,但在非同步程式設計中,也會出現事件與偵聽器多對一的情況。


這裡以渲染頁面所需的模板讀取、資料讀取和在地化資源讀取為例簡要介紹一下

##

var count = 0 ;
var results = {};
var done = function(key,value){
  result[key] = value;
  count++;
  if(count === 3){
    render(results);
  }
}
fs.readFile(template_path,"utf8",function(err,template){
  done('template',template)
})
db.query(sql,function(err,data){
  done('data',data);
})
l10n.get(function(err,resources){
  done('resources',resources)
})
登入後複製

偏函數方案

var after = function(times,callback){
  var count = 0, result = {};
  return function(key,value){
    results[key] = value;
    count++;
    if(count === times){
      callback(results);
    }
  }
}
var done = after(times,render);
var emitter = new events.Emitter();
emitter.on('done',done);  //一个侦听器
emitter.on('done',other);  //如果业务增长,可以完成多对多的方案

fs.readFile(template_path,"utf8",function(err,template){
  emitter.emit('done','template',template);
})
db.query(sql,function(err,data){
  emitter.emit('done','data',data);
})
l10n.get(function(err,resources){
  emitter.emit('done','resources',resources)
})
登入後複製

引入EventProxy模組方案

var proxy = new EventProxy();
proxy.all('template','data','resources',function(template,data,resources){
  //TODO
})
fs.readFile(template_path,'utf8',function(err,template){
  proxy.emit('template',template);
})
db.query(sql,function(err,data){
  proxy.emit('data',data);
})
l10n.get(function(err,resources){
  proxy.emit('resources',resources);
})
登入後複製

Promise/Deferred模式

以上使用事件的方式時,執行流程都需要預先設定,這是發布/訂閱模式的運作機制所決定的。

$.get('/api',{
  success:onSuccess,
  err:onError,
  complete:onComplete
})
//需要严谨设置目标
登入後複製

那麼是否有一種先執行異步調用,延遲傳遞處理的方式的?接下來要說的就是針對這種情況的方式:Promise/Deferred模式

Promise/A

Promise/A提議對單一非同步操作做出了這樣的抽象定義:

    Promise操作只會處在三種狀態的一種:未完成態,完成態與失敗態。
  • Promise的狀態只會出現從未完成態向完成態或失敗態轉化,不能逆反,完成態與失敗態不能互相轉換
  • Promise的狀態一旦轉化,就無法更改。
  • 一個Promise物件只要具備then()即可

    #接受完成態、錯誤狀態的回呼方法
  • 可選地支援progress事件回呼作為第三個方法
  • then()方法只接受function對象,其餘對象將被忽略
  • then()方法繼續傳回Promise對象,以實作鍊式呼叫
  • #透過Node的events模組來模擬一個Promise的實作

var Promise = function(){
  EventEmitter.call(this)
}
util.inherits(Promise,EventEmitter);

Promise.prototype.then = function(fulfilledHandler,errHandler,progeressHandler){
  if(typeof fulfilledHandler === 'function'){
    this.once('success',fulfilledHandler); //实现监听对应事件
  }
  if(typeof errorHandler === 'function'){
    this.once('error',errorHandler)
  }
  if(typeof progressHandler === 'function'){
    this.on('progress',progressHandler);
  }
  return this;
}
登入後複製

以上透過then()將回呼函數存放起來,接下來就是等待success、error、progress事件被觸發,實現這個功能的物件稱為Deferred對象,也就是延遲物件。

var Deferred = function(){
  this.state = 'unfulfilled';
  this.promise = new Promise();
}
Deferred.prototype.resolve = function(obj){ //当异步完成后可将resolve作为回调函数,触发相关事件
  this.state = 'fulfilled';
  this.promise.emit('success',obj);
}
Deferred.prototype.reject = function(err){
  this.state = 'failed';
  this.promise.emit('error',err);
}
Deferred.prototype.progress = function(data){
  this.promise.emit('progress',data)
}
登入後複製

因此,可以對一個典型的回應物件進行封裝

res.setEncoding('utf8');
res.on('data',function(chunk){
  console.log("Body:" + chunk);
})
res.on('end',function(){
  //done
})
res.on('error',function(err){
  //error
}
登入後複製

轉換成

res.then(function(){
  //done
},function(err){
  //error
},function(chunk){
  console.log('Body:' + chunk);
})
登入後複製

要完成上面的轉換,首先需要對res物件進行封裝,對data,end,error等事件進行promisify

var promisify = function(res){
  var deferred = new Deferred(); //创建一个延迟对象来在res的异步完成回调中发布相关事件
  var result = ''; //用来在progress中持续接收数据
  res.on('data',function(chunk){ //res的异步操作,回调中发布事件
    result += chunk;
    deferred.progress(chunk);
  })
  res.on('end',function(){    
    deferred.resolve(result);
  })
  res.on('error',function(err){
    deferred.reject(err);
  });
  return deferred.promise   //返回deferred.promise,让外界不能改变deferred的状态,只能让promise的then()方法去接收外界来侦听相关事件。
}

promisify(res).then(function(){
  //done
},function(err){
  //error
},function(chunk){
  console.log('Body:' + chunk);
})
登入後複製

以上,它將業務中不可變的部分封裝在了Deferred中,將可變的部分交給了Promise

Promise中的多非同步協作

Deferred.prototype.all = function(promises){
  var count = promises.length; //记录传进的promise的个数
  var that = this; //保存调用all的对象
  var results = [];//存放所有promise完成的结果
  promises.forEach(function(promise,i){//对promises逐个进行调用
    promise.then(function(data){//每个promise成功之后,存放结果到result中,count--,直到所有promise被处理完了,才出发deferred的resolve方法,发布事件,传递结果出去
      count--;
      result[i] = data;
      if(count === 0){
        that.resolve(results);
      }
    },function(err){
      that.reject(err);
    });
  });
  return this.promise; //返回promise来让外界侦听这个deferred发布的事件。
}

var promise1 = readFile('foo.txt','utf-8');//这里的文件读取已经经过promise化
var promise2 = readFile('bar.txt','utf-8');
var deferred = new Deferred();
deferred.all([promise1,promise2]).thne(function(results){//promise1和promise2的then方法在deferred内部的all方法所调用,用于同步所有的promise
  //TODO
},function(err){
  //TODO
})
登入後複製

支援序列執行的Promise

嘗試改造程式碼以實現鍊式呼叫

var Deferred = function(){
  this.promise = new Promise()
}

//完成态
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
      }
    }
  }
}

//生成回调函数
Deferred.prototype.callback = function(){
  var that = this;
  return function(err,file){
    if(err){
      return that.reject(err);
    }
    that.resolve(file)
  }
}

var Promise = function(){
  this.queue = []; //队列用于存储待执行的回到函数
  this.isPromise = true;
};
Promise.prototype.then = function(fulfilledHandler,errorHandler,progressHandler){
  var handler = {};
  if(typeof fulfilledHandler === 'function'){
    handler.fulfilled = fulfilledHandler;
  }
  if(typeof errorHandler === 'function'){
    handler.error = errorHandler;
  }
  this.queue.push(handler);
  return this;
}

var readFile1 = function(file,encoding){
  var deferred = new Deferred();
  fs.readFile(file,encoding,deferred.callback());
  return deferred.promise;
}
var readFile2 = function(file,encoding){
  var deferred = new Deferred();
  fs.readFile(file,encoding,deferred.callback());
  return deferred.promise;
}

readFile1('file1.txt','utf8').then(function(file1){
  return readFile2(file1.trim(),'utf8')
}).then(function(file2){
  console.log(file2)
})
登入後複製

相關推薦:

Javascript非同步程式設計的4種方法介紹

#es6中非同步程式設計 Promise 講解

#javascript非同步程式設計之回呼函數與管理器用法實例詳解

#

以上是Node非同步程式設計機制詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板