6

_proto_

每个对象都有一个__proto__(前后各两个下划线)属性来标识自己所继承的原型对象。__proto__属性对性能影响非常严重,不建议使用。

prototype

只有函数才有prototype属性。当你创建函数时,JS会为这个函数自动添加prototype属性。构造函数原型的constructor默认指向自身。

function Person(){
   this.name="aaa";
}
Person===Person.prototype.constructor // true
console.log(Person.prototype);// 结果见下图

clipboard.png

Object和Function

每个内置对象都是一个native object。一个内置的对象同时也是一个构造函数。function是一种对象类型。

Function

  1. function是内置Function的实例,即普通函数是Function的实例。因此普通函数的constructor是Function。Function的constructor还是他自己。

    function Person(){var a=1;}
    Person.constructor    //function Function() { [native code] }
    
    Function     //function Function() { [native code] }
    Function.constructor   //function Function() { [native code] }
    Function===Function.constructor  //true
  2. 函数都有prototype属性和__proto__ 属性。函数的__proto__ 属性均是function () { [native code] }。可以这样理解,function既是对象,又是函数。function作为对象,有__proto__ 属性,因为__proto__ 属性指向构造函数的原型,而function是由Function创建的,因此普通函数.__proto__ =Function.prototype。

     function Person(){var a=1;}
     Person.__proto__===Function.prototype   ///true
     Function.prototype //function () { [native code] }
  3. Function.prototype和Function.__proto__为同一对象。这是由于构造Function的是他自己,根据普通函数.__proto__ =Function.prototype,所以Function.__proto__ =Function.prototype

    Function.prototype  //function () { [native code] }
    Function.__proto__   // function () { [native code] }
    Function.prototype===Function.__proto__   //true
  4. Function.prototype的__proto__是Object.prototype。可以这样理解:Function.prototype也是一个原型对象,而普通对象的原型是Object.prototype,所以

    Function.prototype.__proto__===Object.prototype //true

注意:使用 Function.prototype.bind创造的函数,没有prototype属性。

Object

  1. Object.__proto__是Function.prototype。因为Object本身是个(构造)函数,是Function的实例。

    Object.__proto__      //function () { [native code] }
    Object.constructor    //function Function() { [native code] }
  2. 原型链的尽头(root)是Object.prototype。所有对象均从Object.prototype继承属性。

    Object.prototype.__proto__   // null
  3. 某个对象.__proto__ =构造函数.prototype 。

    var a={};
    a.__proto__===Object.prototype //true
    a.__proto__ //结果见下图

    clipboard.png

    普通对象是Object构造函数的实例,所以普通对象的原型是Object.prototype。

     function Person(){this.name="aa";}
     var b=new Person();
     b.__proto__===Person.prototype; //true
     b.__proto__ //结果见下图

    clipboard.png

    上图中b对象是Person构造函数的实例,所以b对象的原型是Person.prototype。

总结

1. Object和其它函数由Function产生,Function的constructor是他自己。

2. 一个对象必定有__proto__,而原型链的顶端是Object.prototype。

3. Object.prototype 是对象,但是不是通过Object函数创建的。因为Object.prototype.__proto__为null。

4. Object的__proto__是Function.prototype,但是Function.prototype也是一个原型对象,因此Function.prototype.__proto__为Object.prototype。

参考自:
从__proto__和prototype来深入理解JS对象和原型链
Function


lijinxieyang
356 声望13 粉丝