实战Node.js原理对于阻塞和EventEmitter及其继承的运用心得

简介: 实战Node.js原理对于阻塞和EventEmitter及其继承的运用心得

@[toc]

基本概念

在这里插入图片描述

简单地说,Node.js是在服务器端运行的JavaScript。
节点。

$ node

> console.log('Hello 黎燃!');
Hello 黎燃!

然而,对于node JS,概念完全不同。

使用node JS,我们不仅实现了一个应用程序,还实现了整个HTTP服务器。

事实上,我们的web应用程序和相应的web服务器基本相同。
让我们了解一下node JS应用程序由以下部分组成:
1.介绍所需模块:我们可以使用require命令加载node JS模块。
2.创建服务器:服务器可以监听客户端的请求,类似于Apache和nginx等HTTP服务器。
3.接收请求并响应请求的服务器很容易创建。客户端可以使用浏览器或终端发送HTTP请求,服务器收到请求后返回响应数据。

回调函数

Node.jsS异步编程的直接体现是回调。

阻塞代码

异步编程依赖于回调,但不能说在使用回调后程序将是异步的。
完成任务后将调用回调函数。节点使用大量回调函数。
节点的所有API都支持回调函数。

读取文件后,我们返回文件内容作为回调函数的参数。
这样,在执行代码时就不会阻塞或等待文件I/O操作。
回调函数通常显示为函数的最后一个参数:

function foo1(name, age, callback) { }
function foo2(value, callback1, callback2) { }

创建主JS文件,代码如下:

var fs = require("fs");

var data = fs.readFileSync('input.txt');

console.log(data.toString());
console.log("程序执行结束!");

非阻塞代码

创建主JS文件,代码如下:

var fs = require("fs");

fs.readFile('input.txt', function (err, data) {
    if (err) return console.error(err);
    console.log(data.toString());
});

console.log("程序执行结束!");

在以上两个例子中,我们理解阻塞调用和非阻塞调用之间的区别。第一个实例在读取文件后执行程序。
在第二个示例中,我们不需要等待文件被读取,因此我们可以在读取文件的同时执行以下代码,这大大提高了程序的性能。

因此,按顺序执行阻塞,不需要按顺序执行非阻塞。

Node.js 事件循环

在这里插入图片描述
Node.js使用事件驱动模型。
当web服务器接收到一个请求时,它会关闭并处理该请求,然后为下一个web请求提供服务。
当请求完成时,它将被放回处理队列。当它到达队列的开头时,结果将返回给用户。
引入 events 模块

var events = require('events');

创建 eventEmitter 对象

var eventEmitter = new events.EventEmitter();

绑定事件及事件的处理程序

eventEmitter.on('eventName', eventHandler);

触发事件

eventEmitter.emit('eventName');

Node 应用程序工作原理

创建主JS文件,代码如下:

var fs = require("fs");

fs.readFile('input.txt', function (err, data) {
   if (err){
      console.log(err.stack);
      return;
   }
   console.log(data.toString());
});
console.log("程序执行完毕");

在上述程序中,FS Readfile()是一个用于读取文件的异步函数。如果在读取文件期间发生错误,error err对象将输出错误消息。

程序执行完毕

如果没有发生错误,readfile将跳过err对象的输出,并通过回调函数输出文件内容。

接下来,我们删除输入Txt文件。执行结果如下:

程序执行完毕
Error: ENOENT, open 'input.txt'

EventEmitter 类

每次有新连接时,服务器对象的net将触发事件,而readstream对象的FS将在文件打开时触发事件。所有生成事件的对象都是EventEmitter实例中的事件。

引入 events 模块

var events = require('events');

创建 eventEmitter 对象

var eventEmitter = new events.EventEmitter();

如果在实例化EventEmitter对象期间发生错误,将触发错误事件。添加新侦听器时,将触发newlistener事件。删除侦听器时,将触发RemovelListener事件。

var EventEmitter = require('events').EventEmitter; 
var event = new EventEmitter(); 
event.on('some_event', function() { 
    console.log('some_event 事件触发'); 
}); 
setTimeout(function() { 
    event.emit('some_event'); 
}, 1000); 

运行此代码,控制台在1秒_事件触发器后输出'some'。
触发事件时,将依次调用注册到此事件的事件侦听器,并将事件参数作为回调函数参数传递。

var events = require('events'); 
var emitter = new events.EventEmitter(); 
emitter.on('someEvent', function(arg1, arg2) { 
    console.log('listener1', arg1, arg2); 
}); 
on(event, listener)

注册指定事件的侦听器,并接受字符串事件和回调函数。

server.on('connection', function (stream) {
  console.log('someone connected!');
});

继承 EventEmitter

大多数时候,我们不直接使用EventEmitter,而是在对象中继承它。
所有支持事件响应的核心模块,包括FS、net和HTTP,都是EventEmitter的子类。

1.首先,具有实体函数的对象实现了符合语义的事件。事件的侦听和发生应该是对象的一种方法。

2.其次,JavaScript的对象机制是基于原型的,支持部分多重继承。继承EventEmitter不会干扰对象的原始继承关系。

相关文章
|
2月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
3月前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
2天前
|
前端开发 API 开发者
Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了Framer Motion,一个为React设计的动画库,提供了声明式API处理动画和页面转换,适合创建响应式用户界面。文章包括首屏加载动画、路由加载Loading、路由进场和退场动画等主题,并提供了使用Framer Motion和next.js实现这些动画的示例代码。最后,文章总结了这些效果,并邀请读者探讨更好的实现方案。
|
28天前
Next.js 实战 (二):搭建 Layouts 基础排版布局
本文介绍了作者在Next.js v15.x版本发布后,对一个旧项目的重构过程。文章详细说明了项目开发规范配置、UI组件库选择(最终选择了Ant-Design)、以及使用Ant Design的Layout组件实现中后台布局的方法。文末展示了布局的初步效果,并提供了GitHub仓库链接供读者参考学习。
Next.js 实战 (二):搭建 Layouts 基础排版布局
|
22天前
|
存储 网络架构
Next.js 实战 (四):i18n 国际化的最优方案实践
这篇文章介绍了Next.js国际化方案,作者对比了网上常见的方案并提出了自己的需求:不破坏应用程序的目录结构和路由。文章推荐使用next-intl库来实现国际化,并提供了详细的安装步骤和代码示例。作者实现了国际化切换时不改变路由,并把当前语言的key存储到浏览器cookie中,使得刷新浏览器后语言不会失效。最后,文章总结了这种国际化方案的优势,并提供Github仓库链接供读者参考。
|
23天前
Next.js 实战 (三):优雅的实现暗黑主题模式
这篇文章介绍了在Next.js中实现暗黑模式的具体步骤。首先,需要安装next-themes库。然后,在/components/ThemeProvider/index.tsx文件中新增ThemeProvider组件,并在/app/layout.tsx文件中注入该组件。如果想要加入过渡动画,可以修改代码实现主题切换时的动画效果。最后,需要在需要的位置引入ThemeModeButton组件,实现暗黑模式的切换。
|
2月前
|
设计模式 前端开发 JavaScript
JavaScript设计模式及其在实战中的应用,涵盖单例、工厂、观察者、装饰器和策略模式
本文深入探讨了JavaScript设计模式及其在实战中的应用,涵盖单例、工厂、观察者、装饰器和策略模式,结合电商网站案例,展示了设计模式如何提升代码的可维护性、扩展性和可读性,强调了其在前端开发中的重要性。
36 2
|
2月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
80 1
|
2月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
2月前
|
JavaScript 前端开发
Javascript如何实现继承?
【10月更文挑战第24天】JavaScript 中实现继承的方式有很多种,每种方式都有其优缺点和适用场景。在实际开发中,我们需要根据具体的需求和情况选择合适的继承方式,以实现代码的复用和扩展。