【nodejs原理&源码赏析(3)】欣赏手术级的原型链加工艺术
示例代码托管在:http://www.github.com/dashnowords/blogs
博客园地址:《大史住在大前端》原创博文目录
华为云社区地址:【你要的前端打怪升级指南】
好的代码都差不多,烂的代码却各有各的烂法。
一. 概述
原型链是javascript非常重要的基础知识。最近在阅读node.js
,发现许多代码乍一看会觉得很费解,但细细品味之后会觉得非常优雅,对于代码细节的把控和性能的考量让人觉得赞叹。不得不说看大师级的作品真的是一种享受。本篇中我将以cluster
模块中子进程管理对象Worker类
的实现为例,带你一起看看堪称艺术的代码是如何像手术一样操作原型链,同时理解本节的知识点对于下一篇cluster
模块的学习压力。
二. 原型链基础知识
javascript中存在两种原型概念——内置[[prototype]]
属性指向的对象和prototype
原型对象,prototype
原型对象上挂载着实例上的公共方法和属性,[[prototype]]
属性可以通过__proto__
属性来访问(虽然暴露了这个属性但不推荐使用,平时更多使用Object.getPrototypeOf( )
方法来获取,也可以通过Object.setPrototypeOf( )
来修改,本文中为了书写方便继续用__proto__
),所一个实例的[[prototype]]
属性指向的并不一定是自己构造方法对应的prototype
原型对象。
javascript中通过new
运算符来生成对象,生成的对象的[[prototype]]
属性会以一种串联的方式指向多个构造函数的原型对象,以便可以获取可被共享使用的方法,如下所示:
当我们需要实现功能继承时,最简单的做法就是在子类的构造函数里生成一个父类的实例,然后令实例的__proto__
属性指向这个实例,但这样做会使得父类上一些本应被添加在实例上的属性和方法被添加到了原型链上,而不是真正的子类实例上,而继承的目的主要是为了获取父类的提供的公共的原型方法,所以ES6
的extends
语法糖实现的继承效果就是下面这个样子的,后文中我们会看到Worker
的原型链也是按照这样的方式来修剪的:
三. Worker类的原型链加工
Worker
的源代码在官方仓库的lib/internal/worker.js
,代码只有50行,用IDE折叠起来先浏览一下:
我们分析一下它的运作机制,首先声明了Worker
这个类,此时它对应的原型链如下:
为了Worker
拥有消息收发的能力,需要让它从EventEmitter
类来继承发布订阅能力,所以这里将EventEmitter.prototype
对象添加到Worker
的原型链中:
Object.setPrototypeOf(Worker.prototype, EventEmitter.prototype);
这时的原型链就变成了下面的样子,也就是和ES6
中extends
关键字的实现的继承是一致的:
接下来的这句就有些费解,看起来好像没起到什么作用,你可以自己思考一下,最后我们再揭晓答案:
Object.setPrototypeOf(Worker,EventEmitter);
一图胜千言,直接看原型链结果:
这里的加工使得Worker
构造方法的__proto__
从Worker.prototype
改变到了EventEmitter
构造方法,这使得原型链直接变成一个三叉形,看起来非常奇怪,而且看起来Worker
和它的原型对象Worker.prototype
之间断开了联系,如果此时让你生成一个worker
实例,你能清楚地说出它的原型链是什么样子吗?
我们先继续往后看,后面的代码在Worker.prototype
上添加了一些原型方法,使得原型链再一次变形:
至此,原型链就调整结束了,下一节我们开始看Worker
如何生成实例。
四. 实例的生成
worker
的实例化是在lib/internal/cluster/master.js
中,也就是主线程中生成子线程时调用的,调用的语句是:
const worker = new Worker({
id: id,
process: workerProcess
});
也就是说它是通过new
操作符来生成实例的。Worker
构造方法中的核心语句如下:
function Worker(options){
if(!(this instanceof Worker)){
return new Worker(options)
}
EventEmitter.call(this);
}
首先对于this
的判断是用来限制Worker
只能作为构造函数使用,因为此时this
会指向实例,如果this
并不是Worker
的实例,就说明Worker是作为方法调用的,此时会自动用new
操作符来生成实例,如果你它的机制还不清楚,可以先阅读以下Mozilla开发者文档(【MDN中对于new算法的描述】),基本算法是这样的:
1.生成一个新的空对象;
2.将空对象的.__proto__指向构造函数的原型对象;
3.将这个空对象绑定为this指向然后传入构造函数来运行;
4.如果构造函数有返回值,则将返回值作为实例返回,如果没有则将之前生成的空对象作为实例返回。
按照上面的描述,当函数被执行到Worker
构造方法的函数体中时,原型链是下面这样的:
接下来执行的是:
EventEmitter.call(this);
也就是将实例作为this
透传到EventEmitter
构造方法中去执行,在官方文档中可以找到它实际上执行的是EventEmitter.init
方法,语句只有几行,但非常有意思:
EventEmitter.init = function(){
if (this._events === undefined ||
this._events === Object.getPrototypeOf(this)._events) {
this._events = Object.create(null);
this._eventsCount = 0;
}
}
如果实例上没有_events
属性,或者它的_events
属性存在于自己的原型链上,那么就使用Object.create(null)
生成一个空对象,就直接在实例上添加_events
属性和_eventsCount
属性并赋值。空对象字面量和Object.create(null)
生成的对象原型链是不一样的:
后者生成的对象原型链更短,对象的本质是一种散列结构,你新生成的对象很可能只是用来存储一些键值对的映射关系而并不是为了当做对象实例在使用,后一种结构在查找某个属性时需要遍历的属性就更少,效率也会高一些。
至此实例就生成完毕了,它最终的原型链是下面这样的:
可以看到Worker
虽然继承了EventEmitter
的消息收发能力,但是却并没有生成完整的EventEmitter
实例,而只是将必须拥有的实例属性添加在了子类的实例对象上,在实现能力的同时也保持原型链结构的最小化,避免冗余,这一波干净利落的原型链加工真的太秀了,不得不说node.js
的细节处理真的堪称艺术。
五. 最后一个问题
前面我们还遗留了一个问题,还记得吗?
Object.setPrototypeOf(Worker,EventEmitter)
你可以很清楚地看到实例的原型链和上面这条语句实现的功能没什么关系。事实上它的作用是为了让子类继承父类的静态方法,一张图就能解决的问题,我就不再多bibi了:
这里的目的就是为了尽可能完整地实现面向对象的特性,使得你可以直接通过Worker
构造函数来访问到EventEmitter
上的静态属性和方法,你可以在本文提供的demo中看到。
六. 一些心得
阅读经典源码是一个非常缓慢且吃力的事情,尤其是没人带没人交流时,但是如果开始了,就请一定保持耐心。比如上面的代码仅仅是cluster
模块中很小的一部分,只有短短50行,如果基础薄弱可能要花很久才能消化其中的东西,但是它能够教给你的原型链知识和对开发细节的把控能力,是你读5000行垃圾代码也无法学习到的。
【nodejs原理&源码赏析(3)】欣赏手术级的原型链加工艺术的更多相关文章
- 【nodejs原理&源码赏析(3)】欣赏手术级的原型链加工艺术
[摘要] 学习经典代码中的prototype加工 示例代码托管在:http://www.github.com/dashnowords/blogs 好的代码都差不多,烂的代码却各有各的烂法. 一. 概述 ...
- 【nodejs原理&源码赏析(5)】net模块与通讯的实现
[摘要] Node.js net模块的原理及使用 示例代码托管在:http://www.github.com/dashnowords/blogs 一. net模块简介 net模块是nodejs通讯功能 ...
- 【nodejs原理&源码赏析(5)】net模块与通讯的实现
目录 一. net模块简介 二. Client-Server的通讯 2.1 server的建立 2.2 Socket的建立 三. IPC通讯 四. 撸一个简易的cluster通讯模型 示例代码托管在: ...
- 【nodejs原理&源码赏析(4)】深度剖析cluster模块源码与node.js多进程(上)
[摘要] 集群管理模块cluster浅析 示例代码托管在:http://www.github.com/dashnowords/blogs 一. 概述 cluster模块是node.js中用于实现和管理 ...
- 【nodejs原理&源码赏析(4)】深度剖析cluster模块源码与node.js多进程(上)
目录 一. 概述 二. 线程与进程 三. cluster模块源码解析 3.1 起步 3.2 入口 3.3 主进程模块master.js 3.4 子进程模块child.js 四. 小结 示例代码托管在: ...
- 【nodejs原理&源码赏析(6)】深度剖析cluster模块源码与node.js多进程(下)
[摘要] cluster模块详解 示例代码托管在:http://www.github.com/dashnowords/blogs 阅读本章需要先阅读本系列前两章内容预热一下. 一. 引言 前两篇博文中 ...
- 【nodejs原理&源码赏析(6)】深度剖析cluster模块源码与node.js多进程(下)
目录 一. 引言 二.server.listen方法 三.cluster._getServer( )方法 四.跨进程通讯工具方法Utils 五.act:queryServer消息 六.轮询调度Roun ...
- 【nodejs原理&源码赏析(9)】用node-ssh实现轻量级自动化部署
目录 一. 需求描述 二. 预备知识 IP+端口访问 域名访问 三. Nodejs应用的手动部署 四. 基于nodejs的自动部署 4.1 package.json中的scripts 4.2 自动化发 ...
- 【nodejs原理&源码赏析(9)】用node-ssh实现轻量级自动化部署
[摘要] node脚本实现轻量级自动化部署 示例代码托管在:http://www.github.com/dashnowords/blogs 一. 需求描述 前端工程出包后实现简易的自动化部署. 二. ...
随机推荐
- ES6新增Map、Set和iterable
Map需要一个二维数组 var test_map = new Map(["mians",99],["regink",88]) test_map.get(&quo ...
- Hello World投票以太坊Dapp教程-Part1
参考资料:https://medium.com/@mvmurthy/full-stack-hello-world-voting-ethereum-dapp-tutorial-part-1-40d2d0 ...
- mysql 复制中的 paxso 的两阶段和事务两阶段的区别
1.普通的两阶段是 推送不同的数据给不同的主机,一旦出现网络中断,造成问题是不可服务. 因为本身有锁,故无所谓. 2.paxos 的两阶段是将相同的 数据给不同的主机,一旦超过半数即可认为成功.
- [CODEVS] 2189 数字三角形W
数字三角形 要求走到最后mod 100最大 可达性DP(好像是这样叫) 用bool数组f[i][j][k]表示 位置(i,j)能否得到k(mod 100意义下) 转移条件 f[i][j][k]=f[i ...
- OpenWrt 路由器如何让 lan 口主机获得 ipv6 网络访问 -- 知乎
本文转自知乎: OpenWrt 路由器如何让 lan 口主机获得 ipv6 网络访问? - mistforest的回答 - 知乎https://www.zhihu.com/question/29667 ...
- html块级元素和行级元素的区别和使用
行内.块状元素区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素 ...
- linux相关技术
1.查询服务器tcp连接状态及连接数 netstat -n | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}'
- vscode python code-runner 中文乱码解决
https://www.cnblogs.com/zhaoshizi/p/9050768.html 这里我使用的是第二种方法
- LOGMNR分析redo log和archive log教程
自Oracle 11g起,无需设置UTL_FILE_DIR就可以使用LOGMNR对本地数据库的日志进行分析,以下是使用LOGMNR的DICT_FROM_ONLINE_CATALOG分析REDO和归档日 ...
- NYOJ 814 又见拦截导弹
又见拦截导弹 时间限制:3000 ms | 内存限制:65535 KB 难度:3 描述 大家对拦截导弹那个题目应该比较熟悉了,我再叙述一下题意:某国为了防御敌国的导弹袭击,新研制出来一种导弹拦 ...