Node.js基础入门第三天

  • A+
所属分类:Web前端
摘要

经过前面两天的学习,已经对Node.js有了一个初步的认识,今天继续学习其他内容,并加以整理分享,如有不足之处,还请指正。

经过前面两天的学习,已经对Node.js有了一个初步的认识,今天继续学习其他内容,并加以整理分享,如有不足之处,还请指正。

回调函数

1. 什么是回调函数?

回调函数,或简称回调【callback】将一个A函数作为参数传入另一个B函数中,B函数在执行过程中,根据时机或条件决定是否调用A函数,A函数就是B函数的回调函数。

2. 回调函数实现机制

回调函数的实现机制如下所示:

  1. 定义一个回调函数(普通函数);
  2. 将回到函数的引用地址作为参数传递给调用者;
  3. 当特定的事件或条件发生时,调用者使用函数指针调用回调函数对事件进行处理。

3. 回调函数用途

回调函数在JavaScript中使用非常多,最简单的场景就是事件注册或异步函数。如:当用户点击某个按钮时,需要做出相应的响应,那么就会用到回调函数。

4. 回调函数示例

以常用的setInterval为例,就是将show作为参数传递给setInverval,所以show就是setInterval的回调函数,如下所示:

1 function show(){ 2     console.log("今天星期三,又是快乐的一天"); 3 } 4 setInterval(show,1000);

执行结果,如下所示:

Node.js基础入门第三天

 关于setInterval的参数说明,如下所示:

Node.js基础入门第三天

 

异步与同步

1. 什么是异步与同步?

  1. 同步:一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的,同步的。
  2. 异步:每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就开始执行,所以程序的执行顺序与任务的排列顺序是不一致的,异步的。

2. 同步示例

同步即按顺序执行,存在先后顺序,如下所示:

1 console.log("1111"); 2 console.log("2222"); 3 console.time("t1"); 4 for(var i=0;i<1000000;i++){ 5      6 } 7 console.timeEnd("t1"); 8 console.log("3333");

同步执行结果,如下所示:

Node.js基础入门第三天

3. 异步示例一

异步则是采用回调函数执行,如下所示:

 1 console.log("1111");  2 console.log("2222");  3 setTimeout(function(){  4     console.time("t1");  5     for(var i=0;i<1000000;i++){  6           7     }  8     console.timeEnd("t1");  9 },1000); 10 console.log("3333");

示例执行结果,如下所示:

Node.js基础入门第三天

 

4. 异步示例二

即使主线程位于阻塞当中,异步回调函数也要等待主线程执行完成后再执行。如下所示:

 1 console.log("1111");  2 console.log("2222");  3 setTimeout(function(){  4     console.log("2222-3333");  5 },15);  6 console.time("t1");  7 for(var i=0;i<100000000;i++){  8       9 } 10 console.timeEnd("t1"); 11 console.log("3333");

示例执行结果

Node.js基础入门第三天

关于setTimeOut和setInterval的注意事项,如下所示:

  1. setTimeOut和setInterval两个函数是同步执行,但是函数的回调函数参数是定时器异步执行。
  2. setTimeOut和setInterval两个函数的最小时间间隔为10-15ms,即使设置成0,也是如此。
  3. 异步函数的执行时间,永远在同步执行完之后再执行。

关于主线程和任务线程的执行顺序,可参考下图:

Node.js基础入门第三天

 

异步的实现

在Node.js中,异步共有三种实现方式:

  1. 回调函数,回调函数不一定是异步,但是异步一定有回调函数。
  2. 事件【基于回调】
  3. Promise【ES6新增】

1. 回调函数的同步示例

回调函数也可能是同步的,如下所示:

1 console.log("1111"); 2 var arr=[1,2,3,4]; 3 arr.forEach(function(v,i){ 4     console.log(v); 5 }); 6 console.log("2222");

示例执行结果

Node.js基础入门第三天

 

2. 异步事件示例

定义一个服务,当请求时,返回对应的信息。如下所示:

 1 var http=require("http");  2 var server=http.createServer();  3 server.on('request',function(req,res){  4     res.writeHead(200,{"Content-Type":'text/html;charset=utf-8'});  5     res.write("<h1>你正在访问小六子的服务器</h1>");  6     res.end();  7 });  8 server.listen(8080,function(){  9     console.log("服务已启动"); 10 });

3. 异步示例截图

当服务启动时,如下所示:

Node.js基础入门第三天

当发起请求时,返回信息如下所示:

Node.js基础入门第三天

Promise基础

1. 什么是Promise ?

Promise(承诺)就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道的结果的事件(通常是一个异步操作),并且这个事件提供统一的API,可供进一步处理。

2. Promise特点

Promise对象有以下两个特点:

  1. 对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中),Resolved(已完成,又称FulFilled)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。
  2. 一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生,状态就不会再变了,会一直保持这种结果。如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

3. 异步的缺点

异步的执行顺序和时间是不可控的,如下所示:

假如现在有两个文件file1.txt,file2.txt,如下所示:

Node.js基础入门第三天

 

 Node.js基础入门第三天

 

 这两个文件是有先后顺序的,然后依次进行读取,代码如下所示:

1 var fs =require("fs"); 2  3 fs.readFile("./file1.txt",function(err,data){ 4     console.log(data.toString()); 5 }); 6  7 fs.readFile("./file2.txt",function(err,data){ 8     console.log(data.toString()); 9 });

示例结果如下所示:

Node.js基础入门第三天

 

 通过以上示例不难发现,每次运行得到的结果不完全相同,有时与我们预期的结果并不一致,这就是异步的不可控性。那么如何解决呢?

4. Promise保证异步顺序

通过Promise可以保证异步执行的顺序,如下所示:

 1 var p1 = new Promise(function(resolve,reject){  2     fs.readFile("./file1.txt",function(err,data){  3         if(err){  4             reject(err);  5         }else{  6             resolve(data.toString());  7         }  8     });  9 }); 10  11 var p2 = new Promise(function(resolve,reject){ 12     fs.readFile("./file2.txt",function(err,data){ 13         if(err){ 14             reject(err); 15         }else{ 16             resolve(data.toString()); 17         } 18     }); 19 }); 20 //通过数组中的顺序,控制异步输出的顺序 21 Promise.all([p1,p2]).then(function(datas){ 22     console.log(datas); 23 },function(errs){ 24     console.log(errs); 25 });

优化后的结果,如下所示:

Node.js基础入门第三天

 

通过以上示例发现,Promise可以通过消息的传递,保证异步操作的顺序。

备注

观沧海【作者】曹操 【朝代】东汉末年/三国

碣石,沧海。澹澹,山岛竦峙。

树木丛生,百草丰茂。秋风萧瑟,洪波涌起。

日月之行,若出其中;星汉灿烂,若出其里。

甚至哉,以咏志。