原型

区别 构造器，函数，对象实例

在js 中，构造器就是函数，函数就是构造器，对象实例就是通过 new 关键字，生成的一个实例。

        function a(id) {
            this.id = id;
        }
        a.prototype.name = '原型';

        var obj = new a(2);

分析：

• a 是构造器，也是函数，obj 是实例

• 对象是通过函数创建的，而函数又是一种对象

prototype、__ proto __ 、constructor

• 原型 prototype

每个函数都有一个默认的prototype属性，这个prototype属性指向一个对象，这个原型对象里的方法或属性是共享的，任何一个prototype对象都有一个constructor属性，保存了引用他自己的构造函数的引用

• constructor

每个实例都有一个constructor属性，它默认指向创建当前对象的构造函数, 但如果你的原型prototype被改了， 实例的constructor就变了

• __ proto __

每个实例都有一个__ proto __ 属性，指向构造器的原型 prototype

        alert(a.constructor);  
        // function Function() {[native code]}，相当于无意义
        alert(obj.constructor);
       // function a(id) {this.id = id; }

        alert(a.prototype); 
         // [object Object]
        alert(obj.prototype);  
        // undefined 

        alert(a.__proto__);   
        // function () { } 相当于无意义
        alert(obj.__proto__);  
        // [object Object]

分析

函数有 prototype属性
prototype对象有 __ proto __ 和 constructor属性
实例对象有 __ proto __ 属性，指向构造函数的 prototype对象

• 借用别人的画图更加好理解：

var Person = function(){};
Person.prototype.type = 'Person';
Person.prototype.maxAge = 100;

var p = new Person();
console.log(p.maxAge);
p.name = 'rainy';

 

原型链

原型链是依赖于__proto__，而不是prototype

    function fn(){};
    var test = new fn();

对象的__ proto __ 属性会指向函数的原型对象，而函数的原型对象也有一个__ proto 指向它父类的原型对象，因此就有：
test. proto __ — 》 fn.prototype.__ proto __ — 》 Object.prototype.__ proto __

把这个__ proto __ 串起来的直到Object.prototype.__proto__为null的链叫做原型链。原型链实际上就是js中数据继承的继承链。

js中一切皆为对象，而__ proto __是（几乎）所有对象的内置属性，而且指向父类的原型。

---

总结：test 对象有一个 __ proto __ 属性指向它父类的原型，而它的父类的原型也指向一个对象，这个对象也有一个__ proto __属性，指向它的父类的原型，以此向上溯源，这条链就是原型链。