Events

图：Nguyen Nhut

Events

events模块是node的核心模块之一，几乎所有常用的node模块都继承了events模块，比如http、fs等。

模块本身非常简单，API虽然也不少，但常用的就那么几个，这里举几个简单例子。

例子1：单个事件监听器

1var EventEmitter = require('events');
2
3class Man extends EventEmitter {}
4
5var man = new Man();
6
7man.on('wakeup', function(){
8    console.log('man has woken up');
9});
10
11man.emit('wakeup');
12// 输出如下：
13// man has woken up

例子2：同个事件，多个事件监听器

可以看到，事件触发时，事件监听器按照注册的顺序执行。

1var EventEmitter = require('events');
2
3class Man extends EventEmitter {}
4
5var man = new Man();
6
7man.on('wakeup', function(){
8    console.log('man has woken up');
9});
10
11man.on('wakeup', function(){
12    console.log('man has woken up again');
13});
14
15man.emit('wakeup');
16
17// 输出如下：
18// man has woken up
19// man has woken up again

例子3：只运行一次的事件监听器

1var EventEmitter = require('events');
2
3class Man extends EventEmitter {}
4
5var man = new Man();
6
7man.on('wakeup', function(){
8    console.log('man has woken up');
9});
10
11man.once('wakeup', function(){
12    console.log('man has woken up again');
13});
14
15man.emit('wakeup');
16man.emit('wakeup');
17
18// 输出如下：
19// man has woken up
20// man has woken up again
21// man has woken up

例子4：注册事件监听器前，事件先触发

可以看到，注册事件监听器前，事件先触发，则该事件会直接被忽略。

1var EventEmitter = require('events');
2
3class Man extends EventEmitter {}
4
5var man = new Man();
6
7man.emit('wakeup', 1);
8
9man.on('wakeup', function(index){
10    console.log('man has woken up ->' + index);
11});
12
13man.emit('wakeup', 2);
14// 输出如下：
15// man has woken up ->2

例子5：异步执行，还是顺序执行

例子很简单，但非常重要。究竟是代码1先执行，还是代码2先执行，这点差异，无论对于我们理解别人的代码，还是自己编写node程序，都非常关键。

实践证明，代码1先执行了

1var EventEmitter = require('events');
2
3class Man extends EventEmitter {}
4
5var man = new Man();
6
7man.on('wakeup', function(){
8    console.log('man has woken up'); // 代码1
9});
10
11man.emit('wakeup');
12
13console.log('woman has woken up');  // 代码2
14
15// 输出如下：
16// man has woken up
17// woman has woken up

例子6：移除事件监听器

1var EventEmitter = require('events');
2
3function wakeup(){
4    console.log('man has woken up');
5}
6
7class Man extends EventEmitter {}
8
9var man = new Man();
10
11man.on('wakeup', wakeup);
12man.emit('wakeup');
13
14man.removeListener('wakeup', wakeup);
15man.emit('wakeup');
16
17// 输出如下：
18// man has woken up

Docker 常用命令

项目管理

JS沙箱sandbox的各种实现

Amazing！Solid 比react还react

puppeteer应用

做一个web termianl

TypeScript里常用的工具类型

Vim大法好

碧血丹心

chrome V8 引擎中的垃圾回收机制

如何开发一个cli

Javascript中的哲学

React Redux 实现 （Context 版）

mobx-react 使用

Less中的for和forEach循环

Webpack Splitchunks 详解

ssh-keygen命令详解

使用CURL发送POST请求

Webpack Plugin 开发

JS 实现两个大数相加？

字典树 trie

浏览器原理问题

MacBook快速进入一个文件夹目录

react合成事件

mini webpack实现

设计模式

babel核心

React 15 和 React 16 的区别

React性能优化

交通信号灯实现

内存管理

前端安全

网络和并发

跨域方法

react virtualList 虚拟列表无限滚动实现

监控埋点方案

Mini useEffect实现

Mini useState 实现

React Fiber

React class组件和function组件异同

Lodash Get 实现

手写reduce实现

Hooks 原理概览

Hook原理——状态Hook

手写Mini Redux实现

legacy和concurrent模式

react架构

react核心api和jsx

setState是同步的还是异步的

如何使用NodeJs创建HTTP服务？

NodeJS 事件循环模型

Buffer

微前端解决方案-qiankun

React Mini版实现(1)

brew安装

CommonJS简易版实现

极品透明Dashboard样式分享

Stream

NodeJS全局对象

如何部署Nodejs服务

Events

用JS绘制背景，让CSS直接使用 'background:paint(xxx)'

如何使用Nodejs来创建一个TCP/UDP服务?

Mac使用tree生成目录结构

常见算法

前端缓存

前端答疑

Nodejs 网络 & HTTP

JavaScript AST 抽象语法树

nodejs里面向切面编程的一种范式

各种JS模块化特性

手写Ajax实现

手写PromiseA+实现

debug和内存泄露

Javascript prototype 原型链

this指针、作用域

call、apply、bind的极简实现

CSS联合选择器区分列表元素个数不同所要求的不同样式

TypeScript基础

JS中的变量提升

React Redux 实现（Context 版）