社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > Node非同步程式設計機制詳解

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

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

本文主要介紹了淺談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中文網其他相關文章！

相關標籤：
node 機制 詳解
來源：php.cn
上一篇：使用Angular.js取得驗證碼倒數60秒按鈕方法 下一篇：validationEngine 表單驗證外掛程式使用方法實例分享
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Docker中使用NodeJS連接MySQL時出現錯誤 我創建了一個連接到MySQL的NodeJS後端伺服器。透過使用Docker，我使用以下命令建立了一個映像來運行我的nodeJS和package.json檔案（其中包括MySQL）。...
來自於 2024-04-06 12:07:19
0
1
415
React/Node：使用 Trial_period_days 進行訂閱時遇到整合錯誤 我在Stripe中定義了一個產品，我希望將其設置為7天免費試用，然後向客戶收費（除非他們事先取消）通過Firebase使用自定義Nodejs函數-我收到以下錯誤：Missingva...
來自於 2024-04-04 20:30:57
0
1
320
Node伺服器是否能夠託管React應用程式？ 我對後端編碼很新，我很難理解一個「全端」應用程式會是什麼樣子。是這樣的嗎：一個Node-Express伺服器，提供index.html，其中包含<scriptsrc=&quo...
來自於 2024-04-04 14:32:25
0
1
389
在 EXTJS 中建立 node.appendChild 時選擇並編輯 我對Extjs非常陌生，我目前正在使用一棵樹，我可以在其中建立一個分支，然後建立部分。我需要有關程式碼編輯功能的協助。 createSection：函數（按鈕）{varnode=B...
來自於 2024-04-03 17:39:46
0
1
397
來自react.js的POST以GET形式到達node/js伺服器 看來我的POST請求正在我的REACT客戶端程式碼中的某處轉換為GET。這是反應碼：functionSavePatient(event){event.preventDefault(...
來自於 2024-04-03 17:22:04
0
1
331
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板