今天整理的东西很简单,但是反反复复的记忆了好多次,仍旧记不住,干脆就整理了出来,放在了博客。 人人为我,我为人人。
前言
不多说,直接上干货。
从一个构造函数开始说起
构造函数
// 新建一个函数(构造函数的首字母习惯性大写)
function ParentFun(){};
ParentFun.prototype.like = 'beautiful girl';
构造函数的 实例
// 新建一个ParentFun的实例
var childrenFun = new ParentFun();
ok,代码完成,现在根据上面这三行代码,我们来推导 原型对象、 原型链、指针以及一些特殊的js 公式。
许多小伙伴还不知道prototype 和
__proto__
的区别。这这怎么办呢?
由于 实例 只有__proto__
属性,没有prototype属性,所以它指向时候,只可以使用__proto__
指向其构造函数的prototype属性来继承属性和方法。 而构造函数则可以使用prototype属性来使用其定义的属性和方法,也可以使用__proto__
属性去它的原型对象继承属性和方法。
childrenFun.__proto__
.constructor === ParentFun
childrenFun.__proto__
=== ParentFun.prototype
Ps:这里不过多说了。直接开始重点公式介绍。
推导1(引用)
了解构造函数的都可以快速根据上面的推出 引用 的全等公式
实例的constructor引用他的构造函数
childrenFun.constructor === ParentFun
推导2(原型对象,指针)
实例的
__proto__
属性像一个 指针,指向它的 原型对象
childrenFun.__proto__
=== ParentFun.prototype
推导3
构造函数的原型对象的引用是其本身
ParentFun.prototype.constructor === ParentFun
推导4(原型链)
原型对象的
__proto__
指针再次指向它本身的原型对象所形成的链状结构
ParentFun.__proto__
=== Function.prototype
推导5(函数的原型对象指向函数的prototype)
Function.__proto__
=== Function.prototype(特殊,需要记忆)
推导6(函数 prototype的原型对象指向对象的prototype)
Function.prototype.__proto__
=== Object.prototype (特殊,需要记忆)
推导7(对象的原型对象指向函数的prototype)
Object.__proto__
=== Function.prototype (特殊,需要记忆)
推导8(对象的prototype的原型对象指向null)
Object.prototype.__proto__
=== null (站在巅峰的 大佬)
上图片
完事。。。
子曰:“君子不器。” ——《论语·为政》:
本文使用 mdnice 排版