Asynchronous code & Synchronous code

As we have seen in an earlier post (here), how node does things Asynchronously. For a “Traditional programmer”, this can be a tough pill to swallow. So lets take a look at how things can be done async.

Tradition programming

Sync Operation

 
 
1
2
3
4
5
6
7
var result = db.query("select * from someTable");
// use the result here and do something
var doSomething  = function(){
   // doing something totally unrelated to the db call.
};
 
doSomething(); // This will be blocked till the db response has arrived.

Here the  doSomething() executes a set of statements that are not dependent on the response of the db call. But it has to wait till the db operation is completed. This is why we have a server like Node to take care of all the I/O threads separately.

So in an async world, the same will be written like this

Async

 
 
1
2
3
4
5
6
7
8
9
var result = db.query("select * from someTable", function(){
// use the result here and do something
});
 
var doSomething  = function(){
   // doing something totally unrelated to the db call.
};
 
doSomething(); // The DB request gets fired and doSomething() will get executed after that.

Here, the DB request gets fired and doSomething()  will get executed immediately after that. All the actions happen async. Its Node’s event loop’s responsibility to take care of I/O operations and fire the registered callback.

Now, life is always not that simple is it? (tell me about it!..) Take a look at this example

Complex Async

 
 
1
2
3
4
5
6
var result = db.query("select * from someTable", function(data){
   var userId = data.get(1).id;  
   var subQResult = db.query("select * from someOtherTable where id="+userId+";", function(userData){
      // some more info.. and the fire another db call!
    });      
});

or

Complex file reader

 
 
1
2
3
4
5
6
7
var file = fs.readFile("/usr/bin", function(data){
   var listOfFiles = data.getContents();
   var anotherFile = fs.readFile(listOfFiles[0], function(userIDs){
       var user = userIds[0];
       // Call db and get the data for this user
   });    
});

Very nested and convoluted? So can we fix this whole nested thing? Yes, you can use any of the following modules

So our code will turn into

Flowjs - Async Simplification

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
flow.exec(
    function() {
        readFile("/usr/bin", this);
        // process data
    },function(url) {
       // get some other file      
    },function(userIDs) {
       var user = userIds[0];
        // and so on      
    },function() {
        completedAll()
    }
);

Now, lets take a look at Node’s Modules.

Node Modules

If you have interacted with programming languages like C, C++, Java, .Net or PHP, you would have seen statements like import  using  #include  include or  require to get external files/libraries to your current file. Since the code is isolated in these programming languages, we need to explicitly include the required libraries.

But, Javascript runs everything in the global scope and does not have a partition between variables/functions or variables/functions of a file. In simple, there is no namespacing!.

If you have 3 files, fileOne.js , fileTwo.js  & fileThree.js  and you loaded them in your browser in the same order, The function definition or variable values of the prior will be overridden by the later without any warnings.

Lets say fileOne has a method called add(num1,num2);  which adds two numbers & fileTwo has a method called add(str1, str2);  which concats’ two strings. And fileThree is calling theadd(5,4);  expecting the method to return the sum. But instead, it receives a concatenated string.

This phenomenon in the programming world is called as the “spaghetti code”. Unless you are careful about your variables names, you might override someone else’s code or some one might override yours!

So we need to use a dependency management system, that will take care of things like these. Node uses CommonJs Modules for handling dependency.

CommonJS dependency management revolves around two methods exports  &  require.

Let’s reconsider the above example, and implement the same via CommonJs modules.

fileOne.js

fileOne.js

 
 
 
 
 

JavaScript

 
1
2
3
4
5
6
exports.add = function(a,b){
if(!isNaN(a) && !isNaN(b))
return parseInt(a) + parseInt(b);
else
return "Invalid data";
};

fileTwo.js

fileTwo.js

 
 
 
 
 

JavaScript

 
1
2
3
exports.add = function(a,b){
return a + b;
};

and now in fileThree.js

fileThree.js

 
 
 
 
 

JavaScript

 
1
2
3
4
var moduleOne = require("./fileOne");
var moduleTwo = require("./fileTwo");
 
console.log(moduleOne.add(5,4)); // This will be the sum for sure!!

Neat right? Node uses this for its dependency management & name-spacing and you need to when you are developing code around Node.

Javascript’s Callback

A call back basically is a function that will get invoked after the initiated task is completed.

That means, I want do something after some other thing is completed. Like, after 5 seconds fire an alert.

SetTimeOut

 
 
 
 
 

JavaScript

 
1
2
3
setTimeOut(function(){
  alert("I had to wait for 521ms before I am shown!");
}, 521);

Or in Node, since everything is async, the callback gets fired on completion of an I/O operation.

Node I/O

 
 
 
 
 

JavaScript

 
1
2
3
var results = db.query("select * from someTable", function(data){
// I am a callback!!. I will be fired only after the query operation is completed.
});

Callback function can be named or anonymous.

As we have seen earlier, nesting callbacks can be a nightmare for code readability. We have also seen libraries like async would help clean the code for us. Another way to implement the same without any external module is

Callback Named Functions

 
 
 
 
 
 

JavaScript

 
1
2
3
4
5
6
7
8
9
10
11
var result = db.query("select * from someTable", processData);
 
var processData = function(data)
{
  var userId = data.get(1).id;
  var subQResult = db.query("select * from someOtherTable where id="+userId+";", processSomeMoreData);  
};
 
var processSomeMoreData = function(userData){
  // some more info.. and the fire another db call!
};

Any async function in node accepts a callback as it’s last parameter.

So, this is what you can expect from Node.

Node Callback

 
 
 
 
 

JavaScript

 
1
2
3
4
myNodeFunction(arg1, arg2, callback);
myOtherNodeFunction(arg1, arg2, arg3, callback);
 
function callback(err, result) { ... }

And the callback function’s first argument is always an error object (if there an error, else null) and the second argument is the results from the parent Function.

The Event Emitter Pattern

Let’s take a look at some sample code first

Event Driven

 
 
 
 
 

JavaScript

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var net = require('net');
var port = 1235;
 
net.createServer(function(socket) {    
    console.log('A new client connected');
 
    socket.on('data', function(data) {
        console.log('Data received from client : '+data);
    });
     socket.on('close', function(data) {
        console.log('A client disconnected');
    });
 
}).listen(port, "localhost");
 
console.log("Server Running on "+port+".\nLaunch http://localhost:"+port);

The above code is a simple TCP server. Lines 4,7 & 10 register events. And the server gets created. When a client navigates to  http://localhost:1235 the server starts to listen to the new client. And registers events when a data comes in & when a client disconnects from the server.

So when a client connects, we see a console log about the connection. We wait.. wait.. wait.. and then the client emits a data event, the server logs it & finally the client disconnects.

This model is also called as the “PubSub” - A publisher-subscriber. For all you jQuery devs out there, you know this!! (You register an event on a button click and write some code and wait for the button click). Some call this as Observable pattern. You can figure this out here.

So, In simple, our server code will get executed only if there is an action.This is a simple example of event driven development in Node.

Node provides an option to write & trigger custom event too. Take an example of a baseball

Event Emitter

 
 
 
 
 

JavaScript

 
1
2
3
4
5
6
7
8
9
10
11
12
13
var events = require('events'); // require events
var eventEmitter = new events.EventEmitter(); // create a new instance
 
var homeRun = function()
{
  console.log('Home Run!!');
}
 
// Register an event for 'swing'
eventEmitter.on('swing',homeRun); // yay!!
 
// Ball pitched.. So lets emit a 'swing'
event eventEmitter.emit('swing');

What happened here?

  • We created a response ( homeRun())
  • We registered an event (‘ swing’) passing the callback ( homeRun())
  • We Emitted the event (‘ swing’)

Apart from the above way of implementing the eventEmitter, we can inherit the same too. What do I mean? Take a look at this

Baseball Swing

 
 
 
 
 
 

JavaScript

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var events = require('events');
 
function Batter(name) {
  this.name = name;
  events.EventEmitter.call(this); // making the Batter class a event emitter.
//Invoking the EventEmitter's constructor with Batter.
  this.swing = function()
  {
   this.emit('swing');
  }
}
Batter.prototype = events.EventEmitter; // Inheriting EventEmitters methods into Batter. ex: 'on', as user below
var batter = new Batter('Babe Ruth');
 
batter.on('swing', function() {
    console.log('It is a Strrikkkeee!!!!');
  });
batter.swing();

Pretty neat right? Now you can have your own class that is invisible.

So these are some of the ways, in which node should be implemented. Depending on our requirement, you can pick from above.

Node.js 开发模式(设计模式)的更多相关文章

  1. Node.js学习笔记——Node.js开发Web后台服务

    一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...

  2. Linux虚拟机中 Node.js 开发环境搭建

    Node.js 开发环境搭建: 1.下载CentOS镜像文件和VMWare虚拟机程序; 2.安装VMWare——>添加虚拟机——>选择CentOS镜像文件即可默认安装带有桌面的Linux虚 ...

  3. 《Node.js开发实战详解》学习笔记

    <Node.js开发实战详解>学习笔记 ——持续更新中 一.NodeJS设计模式 1 . 单例模式 顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...

  4. Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

    目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...

  5. Node.js开发Web后台服务

    一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...

  6. Nodejs学习笔记(一)—简介及安装Node.js开发环境

    一.简介 Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑 ...

  7. 【转】Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

    目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...

  8. Node.js开发Web后台服务(转载)

    原文:http://www.cnblogs.com/best/p/6204116.html 目录 一.简介 二.搭建Node.js开发环境 2.1.安装Node.js 2.2.安装IDE开发Node. ...

  9. heX——基于 HTML5 和 Node.JS 开发桌面应用

    heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁 ...

随机推荐

  1. php中一个"异类"语法: $a && $b = $c;

    php中一个"异类"语法: $a && $b = $c;     $a = 1;$b = 2;$c = 3;$a && $b = $c;echo & ...

  2. Java内存模型--JMM简介

    JMM:Java Memory Model(Java内存模型),围绕着在并发过程中如何处理可见性.原子性.有序性这三个特性而建立的模型. 可见性:JMM提供了volatile变量定义,final.sy ...

  3. 08.安装Oracle 10g和SQLServer2008(仅作学习使用VirtualBox虚拟机来安装节省电脑资源)

    1.虚拟机和宿主机共享文件夹. 2.右ctrl+F切换VirtualBox全屏 3.安装Oracle 10g 4.输入密码:root------------>下一步 5.勾选网络配置" ...

  4. Deep Learning: Activation Function

    Sigmoid Function ReLU Function Tanh Function

  5. Maven常用命令(转)

    Maven库: http://repo2.maven.org/maven2/ Maven依赖查询: http://mvnrepository.com/ Maven常用命令: 1. 创建Maven的普通 ...

  6. ubuntu12.04开启远程桌面

    我们共享所使用的协议是rdp,所以我们要装这个东西. sudo apt-get install xrdp sudo apt-get install vnc4server tightvncserver ...

  7. javascript练习----复选框全选,全不选,反选

    第一种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  8. html一般标签、常用标签、表格

    body的属性: bgcolor               页面背景色 text                    文字颜色 topmargin            上边距 leftmargi ...

  9. URLConnection 使用

    统一资源定位符URL(Uniform Resource Locator)是www客户机访问Internet时用来标识资源的名字和地址.超文本链路由统一资源定位符URL维持.URL的格式是: <M ...

  10. JS 和 Java 中URL特殊字符编码方式

    前几天遇到url特殊字符编码的问题,在这里整理一下: JavaScript 1.  编码 escape(String) 其中某些字符被替换成了十六进制的转义序列. 解码 unescape(String ...