一篇文章弄懂Javascript

在一片混沌中,一个叫Function的函数开天辟地,自己创建了自己。于是,一个叫JavaScript的星球诞生了。


图一:创建了自己的Function

新诞生的星球灰常牛逼,自带了两个规则:

  1. 所有的function都由Function创建,并拥有原型对象。
  2. 所有的对象都由function(construction)创建,并拥有雏形。该雏形指向function的原型对象。

这时候的Javescript星球只有Function, 所以Function开始按照规则完善自己。

首先只看规则一

规则一实际上有两点:
1.1 所有的function都由Function创建
1.2 所有的function都拥有原型对象
原型对象: prototype
Function自己本身就是function,按照规则,它应由Function创建——它创建的自己没毛病——正好符合规则1.1。但是按照1.2,它还要有自己的原型对象。于是它又创建了自己的原型对象。

图二:Function.prototype

Function已经符合规则一了。但是又出现了一个Function.prototype对象,它也需要按照规则完善自己。
问题出现了!!
Function.prototype是个对象没问题,但它同时又是Function创建的(本身正好符合规则1.1要求),所以它是个function。按规则1.2,它也应该有自己的原型对象。如果再由Function创建一个函数型原型对象,那这个原型对象又需要原型对象,这会出现一个死循环,怎么办?
解决办法很简单

JavaScript星球决定1:可以存在没有原型对象的function。这些function不能作为constructor创建对象,但也不是绝对。(下面这段话可以认为是幻觉)
Function.prototype和箭头函数没有原型对象,而且也不能作为constructor,由object.prototype.bind生成的函数没有原型对象,但可以作为constructor。所生成对象的雏形指向bind原函数的原型对象。

于是,Function.prototype虽然是个function,但它是个例外,没有原型对象。
问题就这么凑合解决了,但不能一直这样。原型对象只需要是个对象即可,没有必要是个函数对象,但是Function创建的,都是函数对象。函数对象和普通对象的不同点在于,函数对象受规则一的限制,必须有原型对象,普通函数不需要的。于是Function创建了Object。Object是个函数,它用来创建普通对象。
但是引入Object以后,因为Object也是一个函数,所以按照规则1.2,也需要一个原型对象(它本身是Function创建的,符合1.1)。好在Object自己创建了自己的原型对象Object.prototype。


图三:符合规则一的星球

到此规则一 完善了。

然后实现规则二

规则二实际上也有两点:
2.1 对象是由function创建的
2.2 所有的对象都拥有雏形。该雏形指向function的原型对象。
先看看这时候的Javescript星球,看图三,现在有Function和Function.prototype,有Object和Object.prototype对象,一共是4个对象。
首先它们都符合2.1。看图三就能直观看出来。图中方块代表函数对象椭圆代表一般对象红色箭头线表示创建了
按照规则2.2,它们都应该拥有雏形。
雏形: __proto__
先看Function, 按照规则2.2,它的雏形指向创建者的原型对象。它是由自己创建的,并且前面它已经创建了自己的原型对象。于是,它的雏形就按规则指向自己的原型对象。

Function.__proto__ === Function.prototype

再看Object,好在它的创建者Function有自己的原型对象,于是

Object.__proto__ === Function.prototype

再看Object. prototype,这个有点特殊,自己的创建者Object的原型对象,也就是自己,按理因该是

Object.prototype.__proto__ === Object.prototype

但是这样就形成一个环了。于是JavaScript星球出了决定2:

Object.prototype.__proto__ === null

剩下Function.prototype。它也有同样的问题,按规则它的雏形应该指向创建者的原型对象,现实是,它就是自己创建者的原型对象,于是,按规则就是这个:

Function.prototype.__proto__ === Funtion.prototype

这不是又个圈吗?于是,星球出了决定3

Function.protype.__proto__ === Object.prototype

至此,规则全部完成,最难的原型链基础形成了。现在的JavaScript星球是这样的:


图四:基础JavaScript星球

以后的普通对象创建的过程大致如此:
先定义Constructor,该Constructor由Function创建,
同时Constructor的原型对象由Object创建,
然后通过new Constructor 来创建对象。
对象的雏形指向Constructor的原型对象。

function Simple () {}

var simple = new Simple;

simple.__proto__ === Simple.prototype;

图四中的紫色线就是传说中的原型链。所有的对象继承,都是原型链的追溯。

雏形是我杜撰的,proto 一般也叫原型,我是为了好区分。按照我的杜撰,应该叫雏形链。

图五对象的定义

JavaScript星球是怎样运行的呢?这就涉及到作用域。
首先要了解,JavaScript星球还有
规则〇:一切都是对象,null表示一种没有对象的对象。
规则〇也有2点
0.1 所有的一切,哪怕是字面量也在需要的情况自动包装成对象。

// 这里的1竟然有toString方法。
(1).toString === '1'

0.2 null是一种对象类型,就和函数是函数对象一样,null是null对象类型,这个类型的对象只有一个值null且该对象没有任何方法。和函数对象不一样的是,null又是五个基本类型中的一个。

typeof null === 'object'

有了这些准备,我们开始看运行。

在运行开始,它先定义全局作用域,它共生一个全局对象,全局对象有一个属性undefined,它是undefined类型的唯一值。

undefined 类型是null类型的派生类,也是五个基本类型中的undefined类型。该类型只有唯一值undefined,而且该类型也没有任何方法。不过要注意:

typeof undefined === 'undefined'

nudefined还是个全局变量的属性,也就是说,它是可以修改的。

等我慢慢写完。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,454评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,553评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,921评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,648评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,770评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,950评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,090评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,817评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,275评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,592评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,724评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,409评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,052评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,815评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,043评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,503评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,627评论 2 350

推荐阅读更多精彩内容