prototype、__proto__、constructor 的做用与区别

*如下全文用[[Prototype]]表明对象真正的原型链

　　prototype与__proto__的区别

• __proto__是真正的原型链，也就是[[Prototype]]，使用原型链时，查找对象的属性是经过__proto__来查找，而不是prototype

  1. varFoo=function(){};
     Foo.__proto__.a ='b';
     Foo.prototype.a ='a';
     alert(Foo.a);//b

• prototype只是用于构建用new关键字建立的对象，将构造器函数的prototype的引用指向于构建的对象的__proto__

  1. varFoo=function(){};
     var test =newFoo();
     alert(test.__proto__ ===Foo.prototype);//true

• 构造器函数的prototype与__proto__是不相同的，其protoype会被构建的对象的[[Prototype]]引用，其[[Prototype]]是Function对象的[[Prototype]]，Function对象的prototype与__proto__是相同的

  1. varFoo=function(){};
     alert(Foo.prototype ===Foo.__proto__);//false
     alert(Function.__proto__ ===Foo.__proto__);//true
     alert(Function.__proto__ ===Function.prototype);//true

  constructor是什么

  constructor也就是构造器函数的引用，一个构造器函数的prototype的constructor也就等于这个构造器函数自己，一个构造器函数的__proto__的constructor，也就是Function的consturctor就等于Function自己

  1. varFoo=function(){};
     var test =newFoo();
     alert(Foo.constructor ===Function);//true
     alert(Foo.prototype.constructor === test.constructor);//true
     alert(Foo=== test.constructor);//true
     alert(Foo.constructor ===Foo.prototype.constructor);// false

  一个对象的构造过程

  1. Foo
      |_ protoype
           |_ consturctor  === Foo
           |_ __proto__ === Object.prototype
               |_ constuctor === Object
               |_ __proto__ === null
      |_ __proto__
          |_ __proto__ === Function.protoype
               |_ constuctor === Function
                    |_ __proto__ === Object.protoype
                        |_ consturctor === Object
                        |_ __proto__ === null

     test
         |_ __proto__ === Foo.protoype
             |_ constructor === Foo
             |_ __proto__ === Object.protoype
                 |_ constuctor === Object
                 |_ __proto__ === null

  只有函数对象才有protoype属性，Object.__proto__ === Function.__proto__，Object.__proto__.contructor === Object

   　　
　　

来自为知笔记(Wiz)