专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
目录
相关文章推荐
程序员好物馆  ·  别再给所有函数起名叫 ... ·  4 小时前  
程序员好物馆  ·  别再给所有函数起名叫 ... ·  4 小时前  
前端早读课  ·  【第3521期】如何在 React 中构建一个库 ·  5 小时前  
前端早读课  ·  【第3520期】Slack、Notion ... ·  昨天  
前端早读课  ·  【图书】MCP原理与实战:高效AI ... ·  昨天  
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  昨天  
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  昨天  
51好读  ›  专栏  ›  前端大全

JavaScript 世界万物诞生记

前端大全  · 公众号  · 前端  · 2017-08-14 22:04

正文

请到「今天看啥」查看全文



三. 更多制造对象的机器

一天天过去了,造物主来视察工作。看到Object制造出了好多好多对象,他非常高兴。


同时他还发现:根据“物以类聚”的原则,这些对象可以分成很多 。聪明的造物主想,我何不多造几台机器,让每一台机器专门负责制造某一类对象呢?于是,他动手造出了几台机器并给它们起了名字。它们分别是:

String :用来制造表示一段文本的对象。
Number :用来制造表示一个数字的对象。
Boolean :用来制造表示是与非的对象。
Array :用来制造有序队列对象。
Date :用来制造表示一个日期的对象。
Error :用来制造表示一个错误的对象。
……

多台机器齐开动,各司其责,造物运动进入了一个新的阶段……
造物主又开始思考了:虽然机器是用来制造对象的,但是机器本身实际上也是一种特殊对象啊。现在有了这么多机器,我得好好总结一下它们的共同特征,把它们也纳入对象体系。

于是,造物主基于No. 1对象,造出了一个No. 2对象,用它来表示所有机器的共同特征。换句话说,把它作为所有机器的原型对象。

(注:__proto__写起来太麻烦了,后面我们用[p]来代替)

当然了,和Object一样,这些机器也需要各自有一个模板对象,也就是它们的prototype属性指向的那个对象。显然它们的模板对象应该是继承自No. 1对象的,即

这张图显示了JavaScript世界中那些最基本的机器本身的原型链,以及它们的模板对象的原型链。不过看起来太复杂了,所以后面我们就不再把它们完整地画出来了。

四. 制造机器的机器

造物主高兴地想:这下可好了,我造出了Object机器,实现了对象制造的自动化。然后又造出了String、Number等机器,实现了特定类别的对象制造的自动化。但是,为啥总感觉似乎还缺点什么呢?

对啦,还缺少一台 制造机器的机器 啊!

很快,万能的造物主就把它造了出来,并把它命名为 Function 。有了Function机器后,就可以实现自动化地制造机器了。
让我们来观察一下Function:
首先,Function是一台机器,所以它的原型对象也是No. 2对象。
其次,Function又是一台制造机器的机器,所以它的模板对象也是No. 2对象。
所以我们得到了Function的一个非常特别的性质:

Function . __proto__ === Function . prototype

哇,太奇妙了!

不要奇怪,这个性质不过是”Function是一台制造机器的机器“这个事实的必然结果。


于是JavaScript的世界的变成了下面的样子:







请到「今天看啥」查看全文