美文网首页
prototype和_proto_的关系

prototype和_proto_的关系

作者: 鸽屿_ | 来源:发表于2021-01-14 20:24 被阅读0次

    首先,我没需要了解清楚一下知识:
    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指向方法的原型对象。
    经典原型图:

    image.png

    相关文章

      网友评论

          本文标题:prototype和_proto_的关系

          本文链接:https://www.haomeiwen.com/subject/aepmaktx.html