一篇搞懂原型链-深入讲解-prototype-proto

53次阅读

共计 1432 个字符,预计需要花费 4 分钟才能阅读完成。

看过构造函数和原型链的很多文章,要么直接讲的比较突兀,不适合新手看, 要么只是讲了一部分,今天我来做个了断, 梳理一下自己的理解,还请各路大神不吝赐教。(文中部分推论仅为个人观点,希望不会把谁谁带进小黑沟里)

一 无极生太极,太极生两仪,两仪生四象,四象生八卦,八卦演万物

万物皆对象,对象从何而来?

var a = {};
var b = new Object();
var c = Object();
var d = new fn();
var ga = Object.create(null);
var gb = Object.create({});
var gc = Object.create(d);

// 其实都是实例化构造函数
function user(){this.name = 'tom';}
fn.prototype.age = 18;
var objTom = new user();

二 江有碧水 山有青松

构造函数有 prototype proto 对象有 proto (prototype 又是对象)

objTom.__proto__ 指向 fn.prototype

fn.prototype.__proto__ 指向 Object.prototype

Object.prototype.__proto__ 指向 null

这是最常见的原型链

三 人过留名 雁过留声

objTom 的咏春拳了得,但是如何表明自己是师出正派 user 呢?通过 constructor

也就是说 判定一个对象是哪个门派有两条,一功夫正宗 二功夫师出何门。

var objJohn = {}
objJohn.__proto__ = user.prototype
objJohn.constructor = user

经过两步 objJohn 正式成为咏春弟子,当然,学了功夫背叛师门的也是有的。
师父的功夫哪里来的呢?当然是自己悟出来的。

四 创始之初 皆为混沌

user 虽然是函数,但也是对象,是由 Function 创建。但是 Function 这种原始天尊又由何而来?

Function 创建了自己,自身的 prototype __proto__都是 function 类型。尽管自己给自己用泥巴捏身体,但是这个泥巴(Function.prototype 函数)从何而来呢?

虽然 Function 能创建自己 但是还是依赖于 Object 和 Object.prototype(我们叫他混沌之灵吧)。

Object 用 Object.prototype 创建了 Function.prototype 函数(对象)(因为指向他的__proto__)
Function 用 Function.prototype 创建了 Function 函数(对象)(因为指向他的__proto__)
Function 用 Function.prototype 创建了 user 函数(对象)(因为指向他的__proto__)
user 用 user.prototype 创建了 objTom 对象(因为指向他的__proto__)

问题又来了,Object 构造函数从哪里来的呢

总算可以出一口气了。上图我们可以看到。
1 Object 函数还是 原始天尊 Function 生产出来的。
2 Object.prototype 我们的混沌之灵来自 null

所以小小的更新下结论,这个不是鸡和鸡蛋的问题,是从无到有,从简单到复杂的过程。

无 -> 混沌之灵 -> 原始天尊 -> 构造函数 -> 普通对象
null -> Object.prototype -> Function -> Object user 等 -> objTom

终于看完了,我也终于写完了,表述可还清楚?!看懂了?!看懂赶紧点个赞,累屎我了。

正文完
 0