首先,我没需要了解清楚一下知识:
1.在js中,万物皆对象,方法(Function)是对象,方法的原型Function.prototype也是对象,所以他们都会拥有对象共有的特点proto,可以称之为隐式类型,一个对象的隐式类型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的方法和属性
2.方法(Function)是一个特殊的对象,除了和其它对象一样,都拥有proto的隐式属性,还有自己的特殊属性原型属性(prototype),这是属性是一个指针,指向一个对象,指向的这个对象包含有所有实例共享的属性和方法,这个对象就是原型对象。原型对象也有一个属性,叫做constructor,这个属性也有一个指针,指向原构造函数。
接下来,分别了解prototype和proto是什么:
1.prototype:每一个函数在创建之后,都会有一个prototype的属性,指向构造函数的原型对象,用于访问函数的原型对象。
1.proto:js中的任意对象都有一个内置属性[[prototype]],es5之前没有标准方法访问此属性,但是大部分浏览器都是用proto来访问,ed5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf()。(用于访问对象实例的原型对象)
代码示例:
function Test(){}
const test = new Test()
test._proto_ === Test.prototype //true
test的proto指向它的实例的原型对象,后者也是指向它的原型对象,构造函数拥有prototype属性,对象实例拥有proto属性,它们都是用来访问实例对象的。
函数有点特别,它不仅是个函数,还是个对象。所以它也有proto属性。
那么,为什么会是这样呢?
因为函数是内置构造函数Function的实例
const test = new Function("function Test(){}")
test._proto_ === Function.prototype //true
所以函数也可以通过proto访问它的对象。
由于prototype也是一个对象,所以它也可以通过proto去访问它的原型对象,对象的原型对象是Object.prototype
function Test(){}
Test.prototypr._proto_ === Object.prototype //true
换个角度看,其实Object其实也是一个内置函数
const obj = new Object()
obj._proto_ === Object.prototype
为了防止无休止循环下去,所以Object.proto指向null,所以使用Object.create(null)创建的对象是没有proto属性的,也没有prototype的属性。
总结
prototype是构造函数才有的,它指向的是当前对象的原型对象,也成为显示原型,用来实现原型的继承以及属性的共享。
所有的对象都有proto,构造函数实例化对象的proto的指向与构造函数prototype指向相同,也成为隐式原型,构成原型链。
在原型链中,我没寻找obj中的x属性,如果在自身没有找到此属性的话,就会向上寻找一直寻找到Object,prototype.proto的终点。
Object.create(null)创建对象没有proto
方法是个特殊的对象,不仅有属性proto还有属性prototype,prototype指向方法的原型对象。
经典原型图: