prototype和constructor

关键词：

• prototype
• constructor

prototype和constructors是js中的两个隐藏属性，在js中一切皆对象，所以理解这两个属性对理解js至关重要

constructor
拷贝所有构造函数中的属性，用于检测某个实例的构造函数是哪一个，把实例和构造函数连接在一起

   // 新建一个对象
    var Product = function (name,price) {
        this.name = name;
        this.price = price;
    };
    Product.prototype.showName = function () {
        console.log(this.name);
    };
    var iPhone = new Product("苹果7","7000");

    console.dir(iPhone.constructor);  //function Product(name, price)
    console.dir(Product.constructor); // function Function()

我们看到，实例化的iPhone通过constructor连接到了他的构造函数 Product ，而 Product 连接到Function是什么意思呢，我们刚才说过js中一切皆对象， Product其实是一个对象的实例化，这个对象就是顶层函数对象Function

---

prototype
其实就是一个指针，保存的是地址，将实例和原型对象连接在一起。了解这个之前，我们先说一说属性搜索机制

属性搜索机制
先在自身属性列表中寻找，如果找不到，就从原型prototype 中寻找，寻找的方法是找到自身的隐藏属性prototype，这个属性保存了自身的原型对象地址，通过这个地址，就可以寻找到需要的原型对象了

注意：原型不管实例化多少次，都只生成一次，分配一次内存，因此使用原型方法能够提高运行速度，减小内存空间

    console.dir(iPhone.prototype);   // undefined
    console.dir(Product.prototype);  // Object

在上面的代码中，我们看到iPhone的原型返回了undefined，这是为什么呢，因为原型只存在原型对象中，实例化之后就不存在了，变成了这样的形式 __proto __

   console.dir(iPhone.__proto__);  // Object
   console.dir(Product.__proto__); // function anonymous()

但是有出现了问题，我们发现Product的__proto __指向一个乱七八糟的东西，这是什么鬼啊！！！
其实，要调用构造函数中的__proto __，必须加上原型

* console.dir(Product.prototype.__proto__); // Object

这样就可以了

---

为了验证我们上面所说，再写几行代码测试一下

     console.dir(iPhone.__proto__ === Product.prototype) //true
     console.dir(Product.prototype.__proto__ === Object.prototype) //true
     console.dir(Object.prototype.__proto__) //null

     console.dir(Product.prototype.constructor === Product)   //true
     console.dir(Function.prototype.constructor === Function) //true
     console.dir(Object.prototype.constructor === Object)     //true

其实说白了，proto是什么，就是神乎其神的原型链啊

本来想画个图解释下，想想麻烦，复制个连接吧！这位大牛解释的相当完美！！！

---

http://www.108js.com/article/article1/10201.html?id=1092

---