JavaScript原型和原型链图文解析

什么是原型和原型链不再赘述。
由之前的博客,知道可以得出如下俩个结论:

  1. 对象的原型链和该对象对应的类的原型指向同一空间
  2. 子类对象的原型中的原型链和父类的原型指向同一个空间。

直接看父类和子类之间、普通类和Function,Object类之间的原型和原型链之间的关系。

Function类

注意是大写的Function,那么这个和function有什么区别呢?
之间说function定义的内容,既是函数也是类,还是对象。这个function定义的对象就是Function类的对象,上述第一条结论得出,Function类的原型对象应该等于由function定义的类的原型链。
Function类自身还有一个原型链,他指向的也是Function类的原型对象,即自己指向了自己,是一个终点。

var Fun = function(){
    this.one = 10;
}
console.log(Function.prototype === Function.__proto__);	//true
console.log(Fun.__proto__ === Function.prototype);		//true

特殊说明
prototype是类的原型对象
__ proto __是原型链
一般以(下划线下划线)开头的变量都是系统隐藏的变量,一般是不会拿出来的,这里是为了演示原型链的结论。

Object类

但一个类,没有指明其父类,如下:

var Parent = function(){
}
console.log(Parent.prototype);
console.log(Object.prototype);

在这里插入图片描述
比对后看到,Object的原型对象和Parent的原型对象中的原型链是一样的。
我们再测试一下下面语句:

console.log(Object.prototype === Parent.prototype.__proto__);	//结果为true

可以的出这样的结论:
没有父类的类的原型对象的原型链指向Obj的原型。
Object类中原型对象也有原型链,这个原型链是null。

总结

总结四条结论:

  1. 没有父类的类的原型对象的原型链指向Obj的原型。
  2. 类的原型链指向Function的原型。
  3. Object的原型链指向Function的原型对象。
  4. Object的原型的原型链等于null
    图可以更直观的看:
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值